div 背景图片没法显示的原因

最新推荐文章于 2023-05-26 09:25:34 发布
最新推荐文章于 2023-05-26 09:25:34 发布
阅读量2.9k 收藏
点赞数
文章标签： div 浏览器 float ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/becomewangpan/article/details/5472628
版权

最近正在开发网页，期间遇到了不少的问题，其中兼容性是最大的问题。

 

其中一个问题就是在设置div 的背景的图片的时候，在ie下没法正常显示。而在火狐浏览器下却能够正确的现实。后来经过多方查证这是因为使用的背景图片的名字是中文的，修改过来之后就可以了 

 

还有的时候这种原因是因为设置了div 的浮动，而没有关闭浮动，这个是我在网上看到的，这个情况没有真正的遇到过他们所给的解决办法，有多种，

 

比如设置了子div 的浮动，这时没法显示子div 的背景图片，这时可能需要把父div 的float属性也进行设置。

 

 

还有的是因为没有设置子div 的高度，什么的，这时候就需要设置div的高度

becomewangpan
关注
在div底部显示背景图片实现代码
01-19
下面代码实现div层背景图片在底部显示： 复制代码代码如下: div { background:url(/images/bg.jpg) no-repeat fixed; background-position-y:bottom; } 代码详解： 复制代码代码如下: div { background-image:url...
div中的背景图片不显示
welcome to daijiguo's blog
06-26 1423
如果只有以上代码，北京图片是不会显示的！！！需要在div标签中加点东西，字也好，图片也好，有了东西，背景才会显示。
关于vue前端项目图片背景出不来【已解决】
阿丹的博客
05-26 3004
阿丹场景描述：之前在写个人博客的网站的时候使用vue来完成前端，发现背景图片出不来，尝试了很多办法，从晚上查找了很多个方法但是都出不来。根据其他博主的方法成功实现了。阿丹将方法提供出来。发现解决这个问题有很多需要付费的文章。
css在div块添加背景图片为何不显示呢？
热门推荐
Angiexia的专栏
03-11 3万+
1，css没有被调用 2，css图片地址不对 3，div的高度没有固定，是auto或者没有设值 4，div被嵌套， 5，div代码不规范 login.html文件 style.css文件 .header{ background-image:url(../image/icon.jpg); width:100%; height:100px; } 引用
div背景图片或颜色不显示的解决办法
某年某月某条街
08-10 1万+
div背景图片或颜色不显示的解决办法背景图片不显示的原因主要有以下几个方面：css没有被调用 css图片地址不对 div的高度没有固定，是auto、没有设值或者高度不够 div被嵌套 div代码不规范解决办法：DIV高度为自动，背景颜色无法显示，在代码中将原代码height:auto; 改为height:100%; overflow:hidden;!important；同时还可以兼容 IE6、7、8
html div 转换图片不显示,div中css背景图片怎么不显示？
weixin_39602976的博客
05-30 3443
div的背景图片可以使用background-image属性设置，background-image属性会在元素的背景中设置一个图像。初始背景图像(原图像)根据 background-position 属性的值放置。背景图片不显示的问题。可能有以下几个原因：1、图片路径不正确。找不到图片当然不显示。2、背景元素没有宽度和高度。当元素没有宽高时，背景是显示不出来的。背景不会撑开元素。3、css代码写错...
DIV背景图片在Firefox下不显示通过overflow:auto可解决
09-25
标题提到的“DIV背景图片在Firefox下不显示通过overflow:auto可解决”就是一个典型的跨浏览器兼容性问题。 在Firefox中，当一个`div`元素包含浮动元素（如`float:left`或`float:right`），这个`div`元素本身可能...
div100%平铺 浏览器缩小或在手机上查看 div背景显示不全bug的解决.rar
06-06
这就会导致背景图片显示不全，出现视觉上的bug。 解决这个问题的一种方法是使用CSS3的响应式设计技术，如媒体查询（`media queries`），根据不同的屏幕尺寸调整背景图片的显示方式。例如： ```css div { ...
IE下background背景图片无法显示问题解决方法
09-25
PNG图片是通过Alpha通道来实现透明效果的，而早期IE浏览器无法正确地渲染这种透明效果，有时会导致图片显示不全或完全不显示。然而，GIF格式的图片则不存在这样的问题，因为GIF是通过索引来实现简单透明效果的，且它...
当DIV高度为自动时,背景颜色无法显示的解决方法
12-13
IE6、7、8 不兼容，背景颜色设置在IE6中DIV高度设置为auto会正常显示颜色，IE7可以添加!important 解决，但IE8中背景颜色是定义多高就显示多高，自动高度的就不显色背景：包括图片和颜色。不知道大家有没有办法解决？？ DIV高度为自动，背景颜色无法显示问题 height:auto; 改成 height:100%; overflow:hidden;!important 这样就可以兼容 IE6、7、8  和 谷歌 火狐了
div之为什么你的图片不见了
u013361010的专栏
11-06 943
在编写网页时，经常遇见这样的现象
div嵌套时背景图片不显示问题解决方法总结
LvandDuan的博客
09-09 4568
大部分在这里面看到的
div没有设置高度，背景颜色却无法显示
一直很安静
07-29 6040
在设计网页时，设置了div为自动高度或不给height值，当div设置背景时在IE6可以显示背景颜色，但是IE7,8却不显示。 解决办法如下： 1、把 height:auto; 改成 height:100%; overflow:hidden;  原理：IE6可以再不给高度的情况下自动识别div高度而IE7,8需要指定高度 如果上述方法不行还有一种办法 2、在div的
div背景图片不显示的问题
tiantian1980的专栏
10-13 5178
现象：div背景图片不显示的问题解决问题步聚：１,改变一下控制div样式的css文件，例如：高设大点，或设一下边框的颜色，如果没改变的话，你知道什么原因了吧，样式的文件路径不对了。２,一般错在第二点，具体来说一下，　　这里写样式，是相对此html页或asp.net页的路径。如果这相div1在a.aspx这个页面的话，哪么样式背景图片就在a.aspx上级目录下的common/DivT
成长经历：DIV标签设置背景色，没有显示背景色
jackcyJM的博客
09-19 3104
昨晚自学HTML的DIV属性时，发现设置的盒子无法显示出来，最终把问题的原因写出来，让跟我一样刚刚起步的小白可以知道： 1.我使用了类选择器去定义盒子的高和宽以及背景，但是在div 的前标签里面却写了id 属性，所以类选择器无效，只要改成class属性就可以了。所以类选择是是对class属性有效的。 ...
为什么修改div的背景颜色没反应？
webdowhatIlike的博客
10-20 551
哈哈因为我是个sillydog😃👊👊应该用background-color而不是color（文字）
vue 从数组中引入本地图片报404错误
weixin_42065274的博客
04-09 1065
vue 从数组引入本地图片报404错误 问题描述：往数组中添加本地图片，在页面中一直提示图片资源404的错误 这个是引入图片数组 解决方法：就是在路径前添加 require 就可以啦~ 这样问题就解决了~ ...
div背景图片
最新发布
05-28
你可以通过设置CSS的background-image属性来实现div背景图片的效果。例如： ``` div { background-image: url("your-image-url.jpg"); background-size: cover; /* 可选，将图片缩放以填充整个div */ } ``` 其中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值