为什么ul的背景图片在FF无法显示出来呢

IvyMaoMaoNiu 2012-12-10 02:03:43

ul的背景图片FF不支持吗？
我的HTML中有一段在最后预览的时候，ul的背景也就是那条虚线，在IE能显示出来，在Firefox却完全没有出现，这是什么原因呢，哪里需要修改呢

这一部分的代码是这样子的

<div id="webdirectory">
<h2>Web Directory</h2>
<ul><li><h3><a href="*">Arts</a> </h3><a href="*">Music</a>, <a href="*">Television</a>, <a href="*">Movies</a>...</li>

<li><h3><a href="*">Computers</a></h3><a href="*">Internet</a>, <a href="*">Software</a>, <a href="*">Hardware</a>...</li>
<li><h3><a href="*">Shopping</a></h3><a href="*">Autos</a>, <a href="*">Clothing</a>, <a href="*">Gifts</a>... </li>
<li><h3><a href="*">Business</a> </h3><a href="*">Jobs</a>, <a href="*">Real Estate</a>, <a href="*">Investing</a>...</li>
<li><h3><a href="*">Health </a></h3><a href="*">Fitness</a>, <a href="*">Medicine</a>, <a href="*">Alternative</a>...</li>
<li><h3><a href="*">Sports </a></h3><a href="*">Baseball</a>, <a href="*">Basketball</a>, <a href="*">Soccer</a>...</li>

</ul>
</div>

CSS代码是这样

#webdirectory {
height: 6.39cm;
width: 17.89cm;
margin-top: 5px;
}
#webdirectory h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #a9c0ce;
background-image: url(images/corner.gif);
background-repeat: no-repeat;
background-position: right top;
color: #FFFFFF;
margin-top: 0px;
height: 0.9cm;
padding-top: 0.3cm;
}
#webdirectory li {
list-style-type: none;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 1.5cm;
width: 7cm;
}
#webdirectory ul {
margin-left: 0px;
padding-left: 0px;
margin-top: 0px;
padding-top: 0px;
background-image: url(images/dotted.gif);
background-repeat: repeat-y;
background-position: 220px;
}

#webdirectory h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 15px;
margin-bottom: 0px;
}

...全文

135 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

IvyMaoMaoNiu 2012-12-13

打赏
举报

@charrys 对哪个元素做浮动清除啊，ul吗

scscms太阳光 2012-12-13

打赏
举报

#webdirectory ul { margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 0px; background-image: url(images/dotted.gif); background-repeat: repeat-y; background-position: 220px; height:500px;/*给一个合适的高*/ }