日期:2014-05-17  浏览次数:20759 次

外联CSS的 background-image 显示不出来?
页面 引用外联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.html
------其他解决方案--------------------
先看你这个外链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;
然后选中DIV,右键属性,在属性中找到Css样式,选择样式,我觉得可能是你没和样式关联起来,不是路径问题
------其他解决方案--------------------
引用:
我估计是从引用页面路径到与图片的路径,和CSS文件中定义的图片路径不对应引起的,
如果不是一定要用外连的话,可以类似这样在页面属性里写
style="background-image: url('<%= ResolveUrl("~/Image/1.gif")%>');
或者试试用基于根目录的相对路径,可能IIS的目录配置会对这种方式有影响
background-image:url(/ima……


+1
------其他解决方案--------------------
引用:
引用:
我估计是从引用页面路径到与图片的路径,和CSS文件中定义的图片路径不对应引起的,
如果不是一定要用外连的话,可以类似这样在页面属性里写
style="background-image: url('<%= ResolveUrl("~/Image/1.gif")%>');
或者试试用基于根目录的相对路径,可能IIS的目录配置会对这种方式有影响
backg……


++