为什么在火狐里打开编辑css命令时页面背景图片会消失?甚至页面会变形

html-css08

为什么在火狐里打开编辑css命令时页面背景图片会消失?甚至页面会变形,第1张

您好!很高兴为您答疑!

因为没有代码,推测是路径错误造成的,图片路径应该是相对于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缓存了一部分内容。而你又没有设置过期时间。所以不起效果。删除缓存就行了。