因为没有代码,推测是路径错误造成的,图片路径应该是相对于css文件的位置,不是相对于页面文件的位置!
比方说:
首页文件是:index.aspx
CSS文件位置是:/css/css.css
图片位置是:/img/bg.gif
首页这样引入:<link href="/css/css.css" type=text/css rel=stylesheet>
css中的背景代码应该是:
{background:url(../img/bg.gif)}
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
这个最好用jquery写,示例:<style type="text/css">
li{list-style:none}
#demo{width:200pxheight:200pxoverflow:hidden}
#demo ul li{width:200pxheight:200px}
</style>
<div id="demo">
<ul>
<li><img src="1.jpg" alt="1.jpg"/></li>
<li style="display:none"><img src="2.jpg" alt="2.jpg"/></li>
</ul>
</div>
<script src="此处引入jquery" type="text/javascript"></script>
<script type="text/javascript">
$(document).on("click","#demo ul li",function(){
$(this).css({"display":"none"})
$(this).siblings().css({"display":"block"})
})
</script>
background-image不能使用repeat属性。改成background就OK了。至于list-style-type:none。如果你在预览后才添加的话,是因为ie缓存了一部分内容。而你又没有设置过期时间。所以不起效果。删除缓存就行了。