我有一些ul和li的问题……
我想用3 li创建一个无序列表,每个li都有一个不同的列表样式图像…
我写了这段代码,但图片没有出现……
我想用3 li创建一个无序列表,每个li都有一个不同的列表样式图像…
我写了这段代码,但图片没有出现……
你能帮助我吗？谢谢！
<div id="right_main"> <ul id="mainFeatures"> <li id="wishlist">Some text here...</li> <li id="sharing">Some text here...</li> <li id="linking">Some text here...</li> </ul> </div>
#right_main ul#mainFeatures {
height:250px;
width:350px;
overflow:hidden;
margin-left:25px;
}
#mainFeatures li {
font-weight:bold;
font-size:22px;
font-family:"Myriad Pro",sans-serif;
padding:5px;
}
#mainFeatures li#wishlist {
list-style-image:url(images/wishListImage.png);
list-style-position:outside;
}
#mainFeatures li#sharing {
list-style-image:url(images/sharingListImage.png);
list-style-position:outside;
}
#mainFeatures li#linking {
list-style-image:url(images/linkingListImage.png);
list-style-position:outside;
}
解决方法
最有可能的是,你的图像被溢出：隐藏了.我删除了它,它现在有效：
http://jsfiddle.net/ahwhj/
