div背景图片或颜色不显示的解决办法

背景图片不显示的原因主要有以下几个方面：
1. css没有被调用
2. css图片地址不对
3. div的高度没有固定，是auto、没有设值或者高度不够
4. div被嵌套
5. div代码不规范

解决办法：
- DIV高度为自动，背景颜色无法显示，在代码中将原代码height:auto; 改为height:100%; overflow:hidden;!important；同时还可以兼容 IE6、7、8和谷歌火狐。
- 假设对一个对象设置了background背景颜色样式，该对象内部盒子有使用float浮动属性样式，这个时候该对象浮动产生，导致该对象不能撑开，所以css背景颜色就不能无法显示，解决方法有三种，一个是设置clear清除浮动、设置css高度、设置css overflow样式。
- 高度限制造成了背景颜色不能显示完整，假如你有个对象没有计算好高度（或无意设置了一个很小高度属性样式），因为不确定内容有多少，当内容超过你设置高度限制，这个时候超出部分背景就可能无法显示。设置够高的高度，或取消删除高度样式即可。

案例：

<div style="width:960px;background-color:#000000"><div  style="width:300px; height:200px; float:left">左侧</div><div  style="width:300px; height:200px; float:left">中部</div><div  style="width:360px; height:200px; float:left">右侧</div>
</div>

因为外层的div没有设置高度，所以设置如上代码之后，看到的是三个透明的方框，
正确代码如下：

<div style="width:960px; height:200px;background-color:#000000"><div  style="width:300px; height:200px; float:left">左侧</div><div  style="width:300px; height:200px; float:left">中部</div><div  style="width:360px; height:200px; float:left">右侧</div>
</div>

div背景图片或颜色不显示的解决办法相关推荐

DIV背景图片IE下不能显示，只有firefox能显示
昨天在写页面的时候出现一个问题,就是DIV的背景图片在IE下显示不出来,我以为是不是覆盖的原因,又改成DIV中的UL的背景图.还是不能显示,之后上网查,有的说法是用backgound-image,也不 ...
LaTex中“图片引用失败，显示(??)”的解决办法
在LaTex中引用图片失败,出现(??) 查了一些博客,发现是加图片标签时出的问题: 一般来说图片会命名:\caption{图片名}. 要想引用成功, 必须要把标签加在图片命名之后: 例如: \beg ...
从网页复制图片到word不显示的解决办法
浏览器改为IE,然后就好了或者先复制到onenote,再用onenote导出到word里
div背景图片不显示的问题
现象:div背景图片不显示的问题解决问题步聚: 1,改变一下控制div样式的css文件,例如:高设大点,或设一下边框的颜色,如果没改变的话,你知道什么原因了吧,样式的文件路径不对了. 2,一般错在第 ...
html滚动背景色没了,css背景颜色不显示怎么解决
css背景颜色不显示怎么解决 div css新手布局会遇到布局的背景颜色无法显示,一般布局背景无法显示通常原因如下: 1.由使用float浮动造成浮动产生无法显示css背景颜色 2.高度不够而产生背景 ...
Qt Designer设置背景图片、颜色不影响其它组件小技巧，控件层级设置，组件的继承，styleSheet设置样式。
话不多说,先看效果图,完美的设置背景. 如果正常设置背景的话其它的组件都会产生变化. 这是因为组件的继承. 最开始的面板就是父类,我们新增加的组件就是子类,默认都是继承的. 继承也有继承的好处. 比如 ...
自定义UITabBar的背景图片或者颜色
自定义UITabBar的背景图片或者颜色默认的UITabBarController的tabBar背景色是黑色的.有时我们的应用需要变更背景色,或用指定图片做为背景图. 如下有两处实现方法, 这两种方 ...
IntelliJ IDEA（社区版）背景图片、颜色、字体等设置
IntelliJ IDEA(社区版) 背景图片.颜色.字体等设置 1.背景图片设置 2.背景颜色设置 3.字体设置 1.背景图片设置共有两种方式: ①打开IntelliJ IDEA(社区版),然后依 ...
html图片菱形,CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
需求背景使用 vue 做的项目,业务需求有一个拼图效果,默认是深色的背景图,上面分五个区域,每次会亮一个区域,整张图都亮,拼图完成.先来看一下最终的效果图. 应用到的知识点: background- ...

div背景图片或颜色不显示的解决办法

div背景图片或颜色不显示的解决办法相关推荐

最新文章

热门文章