在背景色和背景图片同时存在的情况下,为什么还要设置背景色?

在背景色和背景图片同时存在的情况下,会显示背景图片:

两者都要设置是因为 :

1:考虑到大屏下(如1920*1080或者更大)网站背景图不足以撑满整个显示区域,所以背景图以外的部分要显示背景色,并且背景图边缘部分必须处理妥当保证平滑过渡到背景色,不会有突兀的感觉。

2:倘若你是一个以黑色为主调的网站,默认背景色是白色,那背景图未加载完成时不就先白一下了,导致感觉闪了一下,视觉不友好,根据网站的主色调定义一个背景色,利于减少视觉疲劳(一般是先定义背景色,再定义背景图片,色彩优先 )。 
3:不光是网页body如此,页面里的div、表格有了背景图依然应该设置一个背景色(跟背景图颜色差不多,至少跟文字颜色明显不同)。
毕竟有时会出现背景图无法打开的情况,这种情况下如果文字是白色而背景色是默认的白色的话,文字就看不出了。完成一个网页的制作之后,尝试把存放图片的文件夹改名让网页呈现无图状态,看看光文字是否可读。针对css文件,也应该做一次同样的测试,看看css文件没有被调用的情况下的状态。千万别认为人人都是稳定、高速的上网。
4:由于网速或代码冗余而导致网站打开速度慢的时候,图片加载不出来 即可先显示背景色。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值