为什么有些网页既设背景图又设背景色?
2016-07-18 22:28
274 查看
1.由于网速或代码冗余而导致网站打开速度慢的时候,图片加载不出来 即可先显示背景色。
2.一般建议在使用背景图像的同时提供background-color属性,并且将其设置为和图像主要颜色类似的颜色。这样,如果正在加载页面,或者因为各种原因无法显示背景图像时,页面可以使用这种颜色作为背景色。
3.倘若你是一个以黑色为主调的网站,默认背景色是白色,那背景图未加载完成时不就先白一下了,导致感觉闪了一下,视觉部友好,根据网站的主色调定义一个背景色,利于减少视觉疲劳(一般是先定义背景色,再定义背景图片,色彩优先)
4.还有一种情况,考虑到大屏下(如1920*1080或者更大)网站背景图不足以撑满整个显示区域,所以背景图以外的部分要显示背景色,并且背景图边缘部分必须处理妥当保证平滑过渡到背景色,不会有突兀的感觉。
5.不光是网页body如此,页面里的div、表格有了背景图依然应该设置一个背景色(跟背景图颜色差不多,至少跟文字颜色明显不同)。毕竟有时会出现背景图无法打开的情况,这种情况下如果文字是白色而背景色是默认的白色的话,文字就看不出了。完成一个网页的制作之后,尝试把存放图片的文件夹改名让网页呈现无图状态,看看光文字是否可读。针对css文件,也应该做一次同样的测试,看看css文件没有被调用的情况下的状态。千万别认为人人都是稳定、高速的上网。
FROM: http://www.zhihu.com/question/23710470
2.一般建议在使用背景图像的同时提供background-color属性,并且将其设置为和图像主要颜色类似的颜色。这样,如果正在加载页面,或者因为各种原因无法显示背景图像时,页面可以使用这种颜色作为背景色。
3.倘若你是一个以黑色为主调的网站,默认背景色是白色,那背景图未加载完成时不就先白一下了,导致感觉闪了一下,视觉部友好,根据网站的主色调定义一个背景色,利于减少视觉疲劳(一般是先定义背景色,再定义背景图片,色彩优先)
4.还有一种情况,考虑到大屏下(如1920*1080或者更大)网站背景图不足以撑满整个显示区域,所以背景图以外的部分要显示背景色,并且背景图边缘部分必须处理妥当保证平滑过渡到背景色,不会有突兀的感觉。
5.不光是网页body如此,页面里的div、表格有了背景图依然应该设置一个背景色(跟背景图颜色差不多,至少跟文字颜色明显不同)。毕竟有时会出现背景图无法打开的情况,这种情况下如果文字是白色而背景色是默认的白色的话,文字就看不出了。完成一个网页的制作之后,尝试把存放图片的文件夹改名让网页呈现无图状态,看看光文字是否可读。针对css文件,也应该做一次同样的测试,看看css文件没有被调用的情况下的状态。千万别认为人人都是稳定、高速的上网。
FROM: http://www.zhihu.com/question/23710470
相关文章推荐
- 定制序列
- 对话框绘图的背景擦除
- 工程师的好坏在于怎么提取出有效的需求,去掉不需要解决的问题
- Codeforces Round #361 (Div. 2) D. Friends and Subsequences (二分+RMQ)
- C++基础:C++类中默认的6个函数,及深拷贝和浅拷贝
- Intent 传递List<Object>
- Spring之helloworld,Spring基础知识解释。
- Android中自定义属性
- [置顶] Handler的三种交互场景
- Hue 使用HDFS 的 高可用
- 百度地图控件
- 使用友盟组件报错
- 以写代学:python while循环
- 毕业生网站出错:筛选以后,下一个管理员可以看到上一个管理员筛选的消息
- 集群、双机、负载均衡、HA、HPC、NLB、DRBD
- 只有一个公网IP也可以使用LVS的DR模式!
- 面试相关知识收集
- 分治法 归并排序 加上逆序数求法
- Android下数据库创建
- 获取IP地址 & 伪装IP地址发送请求