页面 引用外联CSS 在CSS 里面 编写DIV的 background-image:url 运行后 页面不显示背景
代码如下
asp.net 页面：
<div id="top">
<div id="top_left"></div>
<div id="top_right"></div>
</div>
外联CSS 样式:
#top
{
width:100%;
margin-bottom:2px;
}
#top_left
{
background-image:url(images/相册_03.jpg);
width:300px;
height:250px;
float:left;
}
#top_right
{
float:right;
background-image:url(images/相册_04.jpg);
height:250px;
width:566px;
}
------最佳解决方案--------------------------------------------------------
我估计是从引用页面路径到与图片的路径，和CSS文件中定义的图片路径不对应引起的，
如果不是一定要用外连的话，可以类似这样在页面属性里写
style="background-image: url('<%= ResolveUrl("~/Image/1.gif")%>');
或者试试用基于根目录的相对路径，可能IIS的目录配置会对这种方式有影响
background-image:url(/images/相册_03.jpg);
------其他解决方案--------------------------------------------------------
这程情况，多半是路径不对，或者CSS相冲了，被替换了、
排除，只能一步步来，或者你用谷歌浏览器，查看它的样式，就知道，它有没有这个样式了
------其他解决方案--------------------------------------------------------
先确认路径是否对，从工程中拖图片到代码中，看看路径是否一致
------其他解决方案--------------------------------------------------------
background-image:url(images/相册_03.jpg);
路径问题吧
------其他解决方案--------------------------------------------------------
Refer this:
http://www.cnblogs.com/insus/archive/2012/10/15/2724282
------其他解决方案--------------------------------------------------------
先看你这个外链CSS的其他属性在这个页面中是否起作用，然后看图片是否存在，最后看路径是否正确。
------其他解决方案--------------------------------------------------------
然后选中DIV，右键属性，在属性中找到Css样式，选择样式，我觉得可能是你没和样式关联起来，不是路径问题
.top
{
width:100%;
margin-bottom:2px;
}
.top_left
{
background-image:url(images/相册_03.jpg);
width:300px;
height:250px;
float:left;
}
.top_right
{
float:right;
background-image:url(images/相册_04.jpg);
height:250px;
width:566px;
}
------其他解决方案--------------------------------------------------------
+1
------其他解决方案--------------------------------------------------------
++