我正在构建这个登录页面,在第二段之后,我有一个点列表,我已将列表样式图像应用于 li.actionItem,但是我得到的是默认光盘而不是我的图像。我知道该 url 有效,因为 a)我以绝对形式编写它,b)如果您输入该绝对 url,您将获得图像(请参见此处)和 c)我尝试将图标应用为带有一些填充的背景图像文本和工作。
如果必须,我最终可以这样做(带有填充版本的背景图像),但我更愿意将其写为列表样式图像。另外,它只是让我发疯,为什么它不会那样显示,我想知道。
任何想法或提示?谢谢!
这是相关标记一目了然...
<ul id="introPoints">
<li class="actionItem">performed more than <strong>500</strong> surgeries</li>
<li class="actionItem">set more than <strong>3,000</strong> fractured bones</li>
<li class="actionItem">mobilized more than <strong>90</strong> volunteers to Haiti</li>
<li class="actionItem">sent pastors from our DR hospital to minister to the victims</li>
</ul>
ul#introPoints {
list-style-image:url (http://blog.helpcurenow.org/images/campaigns/jan2010/haiticrisis/arrow-green-distress.gif);
list-style-type:disc;
}
li.actionItem {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#6e5e4c;
font-size:14px;
text-align:justify;
width:580px;
font-style:italic;
margin:10px 0px 10px 20px;
text-indent:15px;
}
li.actionItem strong {
color:#dd7439;
}