程序员

写样式时背景色的声明的重要性

作者:admin 2021-04-25 我要评论

如题,否则当页面改版时就可能出现下面的情况: 目前手上做一个改版的项目,将以前旧版的页面改头换面, 其中包括将白色的页面背景换成浅灰色, 换过之后就出现了上面...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
如题,否则当页面改版时就可能出现下面的情况:
 
目前手上做一个改版的项目,将以前旧版的页面改头换面, 其中包括将白色的页面背景换成浅灰色, 换过之后就出现了上面的情况. 因为在上面的这个模块中,使用了默认背景色transparent, 由于之前body的background-color是#FFF, 所以显示效果是符合设计意图的. 但当这次改变了body的背景色后, 显示就不对了.(图可能不是太明显: 图中除了'暂无记录' 那一行以及'卡号'标签是白色背景,其它地方都是浅灰色了, 白色背景的地方是由于对应的标签显示声明了背景色)

综上, 以后在写样式时,一定要显示声明元素的背景, 包括设置背景图像的同时指定近似的背景色做为fallback. 同时最好也指定前景色. 当然不必每个元素都设置一次,同一模块中同样式的的元素只在模块容器上声明一次即可.

原文链接:https://m.jb51.net/web/119605.html

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 写样式时背景色的声明的重要性

    写样式时背景色的声明的重要性

  • 33款冰雪字体整理推荐下载(个人与商业)

    33款冰雪字体整理推荐下载(个人与商业)

  • 30款免费高质量的英文丝带字体

    30款免费高质量的英文丝带字体

  • 40个知名网站Logo使用的字体推荐

    40个知名网站Logo使用的字体推荐

腾讯云代理商
精彩导读
海外云服务器
热门资讯
腾讯云代理商