日常开发小点汇总(2)之防止网络不佳,获取不到css,页面logo做法

防止网络不佳,获取不到css,页面logo做法

HTML 复制代码
 <div>
        <a href="//www.baidu.com"  class="logo">百度</a>
    </div>
CSS 复制代码
.logo {
    display: inline-block;
    width: 256px;
    height: 0;
    background: url(./logobai.png);
    background-repeat: no-repeat;
    padding-top: 100px;
    overflow: hidden;
}

当未加载出css样式的时候,页面显示

加载完css之后

相关推荐
灵感__idea8 分钟前
Hello 算法:让前端人真正理解算法
前端·javascript·算法
向葭奔赴♡43 分钟前
CSS是什么?—— 网页的“化妆师”
前端·css
黑犬mo1 小时前
在Edge、Chrome浏览器上安装uBlock Origin插件
前端·edge
excel1 小时前
🧩 Vue 3 watch 源码详解(含完整注释)
前端·javascript·vue.js
大前端helloworld1 小时前
前端梳理体系从常问问题去完善-网络篇
前端·面试
excel1 小时前
🌿 一文看懂 Vue 3 的 watch 源码:从原理到流程
前端
繁依Fanyi2 小时前
让工具说话:我在 Inspira Board 里用 AI 把“能用、好用、可复用”落成了日常
前端
weixin_456904273 小时前
C# 中的回调函数
java·前端·c#
kura_tsuki3 小时前
[Web网页] LAMP 架构与环境搭建
前端·架构
yinuo3 小时前
UniApp+Vue3多分包引入同一 npm 库被重复打包至 vendor 的问题分析与解决
前端