在背景色和背景图片同时存在的情况下,为什么还要设置背景色?
2017-03-29 15:41
239 查看
在背景色和背景图片同时存在的情况下,会显示背景图片:
两者都要设置是因为 :
1:考虑到大屏下(如1920*1080或者更大)网站背景图不足以撑满整个显示区域,所以背景图以外的部分要显示背景色,并且背景图边缘部分必须处理妥当保证平滑过渡到背景色,不会有突兀的感觉。
2:倘若你是一个以黑色为主调的网站,默认背景色是白色,那背景图未加载完成时不就先白一下了,导致感觉闪了一下,视觉不友好,根据网站的主色调定义一个背景色,利于减少视觉疲劳(一般是先定义背景色,再定义背景图片,色彩优先 )。
3:不光是网页body如此,页面里的div、表格有了背景图依然应该设置一个背景色(跟背景图颜色差不多,至少跟文字颜色明显不同)。
毕竟有时会出现背景图无法打开的情况,这种情况下如果文字是白色而背景色是默认的白色的话,文字就看不出了。完成一个网页的制作之后,尝试把存放图片的文件夹改名让网页呈现无图状态,看看光文字是否可读。针对css文件,也应该做一次同样的测试,看看css文件没有被调用的情况下的状态。千万别认为人人都是稳定、高速的上网。
4:由于网速或代码冗余而导致网站打开速度慢的时候,图片加载不出来 即可先显示背景色。
两者都要设置是因为 :
1:考虑到大屏下(如1920*1080或者更大)网站背景图不足以撑满整个显示区域,所以背景图以外的部分要显示背景色,并且背景图边缘部分必须处理妥当保证平滑过渡到背景色,不会有突兀的感觉。
2:倘若你是一个以黑色为主调的网站,默认背景色是白色,那背景图未加载完成时不就先白一下了,导致感觉闪了一下,视觉不友好,根据网站的主色调定义一个背景色,利于减少视觉疲劳(一般是先定义背景色,再定义背景图片,色彩优先 )。
3:不光是网页body如此,页面里的div、表格有了背景图依然应该设置一个背景色(跟背景图颜色差不多,至少跟文字颜色明显不同)。
毕竟有时会出现背景图无法打开的情况,这种情况下如果文字是白色而背景色是默认的白色的话,文字就看不出了。完成一个网页的制作之后,尝试把存放图片的文件夹改名让网页呈现无图状态,看看光文字是否可读。针对css文件,也应该做一次同样的测试,看看css文件没有被调用的情况下的状态。千万别认为人人都是稳定、高速的上网。
4:由于网速或代码冗余而导致网站打开速度慢的时候,图片加载不出来 即可先显示背景色。
相关文章推荐
- magento----设置图片背景颜色(按数值设定后缺的部分用背景色填充)
- android在学习——Menu背景图片,背景色的设置
- Swift - 设置UIView的背景色和背景图片
- css基础 设置背景 背景色 背景图片 不平铺 背景图片在x、y轴上的位置
- 用background-image:url();属性设置背景图片,为什么总是显示不出来?
- win32设置Dlg背景色,以图片为背景
- Swift - 设置UIView的背景色和背景图片
- UIButton同时设置背景图片左右插图和Title的方法
- QT:给Widget设置背景图片——设置Widget的调色板,调色板使用图片和背景色
- css基础 设置背景 背景色 背景图片 不平铺 背景图片在x、y轴上的位置
- AndroidMenu背景图片,背景色的设置
- 在VC++6.0中给对话框设置背景色或者背景图片
- css设置背景色和背景图片
- swift - UIView 设置背景色和背景图片
- javascript设置页面背景色及背景图片的方法
- AndroidMenu背景图片,背景色的设置
- 设置UIView的背景色和背景图片
- 手写NSButton设置的背景图片为什么不会随着Button的大小进行伸缩变换?
- UIButton在设置不能交互的情况下如何让背景图片显示正常颜色。
- VS 设置背景色和背景图片