解决设置了body宽高,但设置背景颜色仍然会铺满问题
来源:互联网 发布:microsoft fix it win8 编辑:程序博客网 时间:2024/06/04 18:33
近期开发遇到一个问题,明明给body设置了宽高,然后给body设置背景,背景仍然会铺满整个屏幕。以下是我的代码:
代码看出,我给body设置了宽高并设置居中,然后设置颜色为green,结果却是这样的:
可以看到,绿色的背景铺满了整个浏览器。
经过查询资料,出现以上的原因主要是因为:
当html不设置背景时,body的背景将作为整个浏览器的背景色,而不是body标签自己的背景色。当设置html背景色后,body的背景色就变成了body自己的背景色,此时html的背景色将被浏览器获取成为浏览器的背景色。
所以,要让body的背景色渲染范围只在设置的body范围之内,我们需要对html进行背景样式的设置,这里我们给html设置一个#fff白色的背景色,代码如下:
得到的效果如下:
到这里就解决了设置了body宽高,但设置背景颜色仍然会铺满的问题。
阅读全文
0 0
- 解决设置了body宽高,但设置背景颜色仍然会铺满问题
- 解决设置了body宽高,但设置背景颜色仍然会铺满问题
- 移动端开发(一):解决body体中设置overflow:hidden;屏幕仍然会出现滚动条问题
- css body的背景颜色设置
- statusBar 背景颜色设置问题
- 解决SWT Button设置背景颜色不可用的问题
- 解决SWT Button设置背景颜色不可用的问题
- ToolButton就算设置了NoArrow仍然会有一个箭头
- body设置全屏固定背景
- 参考解决iOS7中scrollView设置了contentSize后仍然不能滑动的问题
- 解决了困扰一整天的纹理颜色设置的问题
- 为什么设置了背景颜色 然后背景颜色不是设置的颜色
- UINavigationController navigationBar 背景颜色设置问题
- 安卓 背景颜色设置问题
- java swing设置背景颜色的问题
- 解决Solr6.2.1(当前最新版本) schem.xml中Field属性stored设置false仍然会被返回问题
- jquery mobile 设置背景图片铺满整个屏幕以及自定义背景图文字颜色问题
- 设置视图背景颜色
- 微信小程序--登陆接口
- android 监听没有全部运行或被堵塞
- POI导出EXCEL文档、水平垂直居中、表头添加颜色
- vue--切换class
- kerberos认证原理
- 解决设置了body宽高,但设置背景颜色仍然会铺满问题
- 启动windows服务时出现“错误1053:服务没有及时响应启动或控制请求”的解决方法
- spark学习(二)之简单应用程序——词频统计
- AngularJS模糊查询
- Openstack基础架构和各组件的关系
- Javascript怎么比较两个数组是否相同?
- hdu5438(拓扑排序+dfs)
- 《算法导论》动态规划钢条切割问题
- 从人脸识别到行人重识别,下一个风口