为div设置背景图片后，为啥不显示背景图片？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了为div设置背景图片后，为啥不显示背景图片？相关的知识，希望对你有一定的参考价值。
在eclipse中，添加一个webView，在webView放一个div，设置div背景图片后，在浏览器单独运行webView的网页能显示背景图片，但是在Eclipse里面的网页运行不能显示背景图片，这是为什么？
webView嵌套的网页代码为
<html>
<head>
<script></script>
</head>
<body>
<div id="div1" style="background-image:url('Lighthouse.png');width:100px;height:100px"></div>
</body>
</html>
图片路径正确。
没听说过div还要设置display:block,div中不需要display:block.
原因：
1、编码错误，即代码编写没有按照规范，属性名写错。
2、图片路径不对。
3、使用background来实现背景图片，可能因为图片太大或者太小，显示出来的图片只有一部分，二者一部分刚好是透明的，造成没有图片的效果，因此必须设置background-size来控制图片的显示。
4、背景图片调用方式不对，不能使用本地路径。
将hanshan.png和当前页面放在一个目录，则直接写成这样：
#cuyu
background-image: url(hanshan.png);
height: 500px;
width: 1000px;
或者将hanshan.png放在images目录，保证当前页面和images在同一级目录，则样式为：
#cuyu
background-image: url(images/hanshan.png);
height: 500px;
width: 1000px;
扩展资料：
DIV格式使用方法的注意事项：
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的特定的格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。
可以对同一个 <div> 元素同时应用 class 和 id 属性，但是更常见的情况是只应用其中一种。
这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的特定的元素。
参考资料来源：百度百科-DIV
参考技术A因为你这个div里面没有内容，所以，暂时为空
尽管你设置了width，和height，但是这个还差一个代码 display:block; 定义为块元素， 那么就可以看到你的背景图片了
完整代码是：
<html><head>
<script></script>
</head>
<body>
<div id="div1" style="background-image:url('Lighthouse.png');display:block;width:100px;height:100px"></div>
</body>
</html>本回答被提问者采纳 参考技术B
从来没听说过div还要设置display:block;！我去！
<div id="div1" style="background:url('Lighthouse.png') no-repeat;width:100px;height:100px"></div>试试这个吧！另外你确定你的页面就这些代码？
参考技术C 你给DIV样式 加上float:left; 如下：<style type="text/css">
<!--
#fhg
float: left;
background-color: #F00;
height: 1245px;
width: 1511px;
background-image: url(images/shouye%20_r1_c1.jpg);
-->
</style>
希望是你想要的... 参考技术D 打开浏览器 >F12>是否图片背景显示lnvalid property value,可能你图片命名格式不对。不要有空格。
以上是关于为div设置背景图片后，为啥不显示背景图片？的主要内容，如果未能解决你的问题，请参考以下文章
我在外层div里面已经设置了背景颜色为白色，为啥里面的div撑开后，ie8显示的时候背景颜色没有了！
DIV+CSS中复选框的背景颜色不显示，但是边框显示，为啥？
html和css的一个问题，关于body设置width后并且居中显示后为啥背景色不遵循约束？