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

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

两者都要设置是因为：

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

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

在背景色和背景图片同时存在的情况下，为什么还要设置背景色？相关推荐

有道云笔记修改背景色和背景图片
因为为了方便,博主还是用了下市面上的笔记软件,毕竟客户端用的还是舒爽一点.最近几个月用了有道云笔记来整理自己的笔记. 但是叻,有道云笔记的产品经理真的不是很懂用户体验,最近一次更新,一进去,整个界面都 ...
背景色及背景图片的覆盖范围
背景色及背景图片覆盖的范围是从border开始到内容区域 <!DOCTYPE html> <html> <head> <meta charset=" ...
DataGrip 2020.1 背景色、背景图片、字体大小的设置
1.背景色和背景图片的的设置 File->Setting->Appearance&Behavior->Appearance 下拉选择Theme进行背景色的替换设置后的效果 ...
Vue或uniapp 中动态绑定背景图片（三种情况）
Vue 中动态绑定背景图片(三种情况)_MrQiuGH的博客-CSDN博客_vue 动态背景图
java中的图形界面如何在JFrame中添加背景色及背景图片
Java窗口是指JFrame或者Frame 其次,窗口背景颜色是指直接调用JFrame或者Frame的setBackground(Color color)方法设置后显示出来的颜色.其实,JFrame的 ...
Button扩展累CButtonST修改字体、背景色和背景图片
CButtonST m_btnTest; //修改字体颜色 m_btnTest.SetColor(CButtonST::BTNST_COLOR_FG_OUT, RGB(255,255,255)); m ...
Hexo博客Next6.0版本主题配置（背景图片加载、侧边栏社交小图标设置、设置网站图标）
随机背景图片加载原理自动更换背景是修改添加背景的css样式实现图片来源 https://source.unsplash.com/ 修改背景样式修改themes\next\source\css\ ...
计算机领慧讲堂背景图片,在考生文件夹下打开文档WORD.DOCX。
某高校为了使学生更好地进行职场定位和职业准备,提高就业能力,该校学工处将于2013 年4月29日(星期五)19:30-21:30在校国际会议中心举办题为"领慧讲堂--大学生人生规划&quo ...
HTML背景图片显示不出来/实现为file按钮设置背景
之前在模版之家找了个很简洁的大背景模版然后想做下图中间放个图片的效果,然后不管但是不管在css里设置backgro还是在style里设置,图片都uxianshi,然后F12检查,发现这一块有div, ...

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

在背景色和背景图片同时存在的情况下，为什么还要设置背景色？相关推荐

最新文章

热门文章