技术栈

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

圆周率v1.12023-09-07 12:39

防止网络不佳,获取不到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之后

上一篇:css实现三角形
下一篇:CSS中如何实现一个自适应正方形(宽高相等)的元素?
相关推荐
Hello-Mr.Wang
3 分钟前
Vue3使用vue-web-screen-shot实现截图功能
前端·javascript·vue.js
机巧咸鱼不会受伤
33 分钟前
在 React Umi 项目中实现基于 SSE 的流式聊天功能
前端·react.js
白筱汐
38 分钟前
element plus 根据嵌套数据合并表格
前端·javascript
Mr.Liu6
1 小时前
小程序32-简易双向数据绑定
前端·微信小程序·小程序
BillKu
1 小时前
CSS强制div单行显示不换行
前端·css
大明88
1 小时前
Vue 中导致 detached 元素产生的常见行为
前端·vue.js
哎呦你好
1 小时前
CSS 渐变完全指南:从基础概念到实战案例(线性渐变/径向渐变/重复渐变)
前端·css
工呈士
1 小时前
React进阶:状态管理选择题
前端·react.js·面试
一壶纱
1 小时前
箭头函数
前端·javascript
热门推荐
01KGG转MP3工具|非KGM文件|解密音频02YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】03从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑04HNU-计算机网络-实验2-网络基础编程实验(Python3)05【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!06DeepSeek各版本说明与优缺点分析07YOLOv5改进 | 添加CA注意力机制 + 增加预测层 + 更换损失函数之GIoU08【2025年最新】OpenWrt 更换国内源的指南(图形界面版)09组基轨迹建模 GBTM的介绍与实现(Stata 或 R)10wandb使用遇到的一些问题