我有一些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/
原文地址:https://www.jb51.cc/html/242486.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。