当前位置: 代码迷 >> ASP.NET >> asp.net中的CSS样式,该如何解决
  详细解决方案

asp.net中的CSS样式,该如何解决

热度:8564   发布时间:2013-02-25 00:00:00.0
asp.net中的CSS样式
不知道为什么我在ASP.NET中写的CSS样式不可以显示出效果比如说:
Css代码:#banner
{
background-image:url(background/banner.jpg);

}
源代码为:
<div id="banner"></id>
运行后不能显示那个背景图片
清高手赐教:

------解决方案--------------------------------------------------------
确定路径正确? 背景图片是页面加载图片的路径
------解决方案--------------------------------------------------------
不会是路径不对吧。
------解决方案--------------------------------------------------------
你将div设置一个width height

#banner 

width:100px;
height:100px;
background-image:url(background/banner.jpg); 

}
------解决方案--------------------------------------------------------
图片路径不正确吧
------解决方案--------------------------------------------------------
我也觉得很有可能是路径的问题

背景图片的路径是相对于CSS的路径,并不完全是页面加载图片的路径

如果CSS写在aspx页面,则图片路径就是相对于aspx页面的路径

如果CSS是写在外部的文件,aspx页面用

HTML code
<link href="default.css" rel="stylesheet" type="text/css" />
------解决方案--------------------------------------------------------
也碰到过类似情况
网上查了下说是vs有时支持的不是很好

发布后就没问题了
不过首先还是检查一下路径
------解决方案--------------------------------------------------------
假设你的目录结构如下
THeme/orange/orange.css
background/1.jpg
那么,你在orange.css里面的引用应该是../../background/1.jpg
  相关解决方案