天兴工作室网页特效栏目会收集各类简单容易入手的js特效、jQuery特效、css特效、网页特效等各种效果。
如果你的网站是个图片站，首页显示了很多图片。那么你就会有图片多了导致加载比较慢的困扰。这个时候有几个方案解决。
1、物理解决方案：加大网站的带宽+压缩图片大小；
2、用图片懒加载js，图片没加载出来之前先加载个缓冲图片占位；
3、也就是本文讨论的，用css来加一个占位图；
首先想到的就是给图片外层加一个盒子包裹住，然后给这个盒子设置一个背景图。
然后在测试过程中发现，这个方案不起效果，图片没加载出来的时候这个盒子的背景图并不会及时显示出来，往往等图片快加载出来的才会一现而逝。
通过查询资料得知，浏览器渲染dom的时候是先加载html里面的图片，再加载css里面的背景图片的。所以这个方案才不会有改有的效果...
换另外一种方案：
在外层盒子的伪类“after”里面动脑筋，给外层盒子设置个“position: relative;”，然后设置给伪类设置“position:absolute;”宽度高度都为100%；加个背景色，再加上提示文字“content:"加载中";”，出来的效果图下：
这个操作除了没有动画外，基本上该有的作用都有了。
售价：免费 82645 ℃ 4 评论
售价：免费 82645 ℃ 4 评论
售价：免费 82645 ℃ 4 评论
u地址转错【TYt7r4SHSjc4XPHE4FpetgYgK5SMwRrTHm】转错请联系TG:@TrxEm
波场能量租赁 评论于：天兴工作室第六款zblog-cms主题 宽屏+自定义配色
u地址转错【TTXWkZWWJkHjyPF4PWCeLUoXfff7777777】转错请联系TG:@TrxEm
节省TRX手续费 评论于：zblog商城用户中心插件，支持支付宝、微信、财付通、PayPal、云支付等
u地址转错【TFVQt9eBQ555csHjysMNzosuqNtP2VBMH3】转错请联系TG:@TrxEm
波场能量租赁 评论于：zblog新版GetList函数的参数说明和使用方法
u地址转错【TQAoxBT4DRKy4rXD8epQVpnz6udyXfR2ww】转错请联系TG:@TrxEm
波场能量租赁 评论于：合作流程
u地址转错【TTsr4e5RENZgLGk6QrQeueMXsswuTBBBBB】转错请联系TG:@TrxEm
节省TRX手续费 评论于：唐世军博客模板wordpress版本上线 seo优化+简洁速度
u地址转错【TCNcidKfWSBgrwTJXav9F1Go7EoiWSHWMa】转错请联系TG:@TrxEm
波场能量租赁 评论于：天兴工作室zblog导航单页插件：每个站长，都需要一个专属导航页！
Powered By Z-Blog， Theme By 天兴工作室，Copyright © 2012-2021， 鄂ICP备18027768号-1 | 
鄂公网安备 42011102002962号
已有 11 位小伙伴发表了看法
回应ta trx能量租赁 (游客)
评论于 2026-05-07 11:04:06
回应ta 波场能量租赁 (游客)
评论于 2026-05-05 17:07:44
回应ta trx能量租赁 (游客)
评论于 2026-05-05 07:26:11
回应ta trx能量租赁 (游客)
评论于 2026-05-03 07:58:03
回应ta 节省TRX手续费 (游客)
评论于 2026-04-15 14:36:56
回应ta trx能量机器人 (游客)
评论于 2026-04-14 13:33:35
回应ta helloworld下载 (游客)
评论于 2026-03-22 17:52:21
回应ta 谷歌浏览器下载 (游客)
评论于 2026-03-09 02:56:00
回应ta helloworld下载 (游客)
评论于 2026-03-04 15:04:52
回应ta 2K影院 (游客)
评论于 2025-12-01 04:50:40
欢迎 你 发表评论