Question

我正在构建this landing page，在第二段之后我有一个点列表，我已经将列表样式图像应用到li.actionItem，但是我得到的是默认光盘我的照片我知道网址是有效的，因为a）我是以绝对形式写的，b）如果你输入那个绝对网址，你会得到图像（见这里）和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;      
}

Answer 1

尝试使用背景图片。 list-style-image无论如何都从未正确排队。

background-image:url(...);
background-repeat:no-repeat;
background-position:0px 0px

Answer 2

这可能是也可能不是问题，但根据css grammar，url和左括号之间不能有空格。

这样做：

url(/someurl)

不是这个：

url (/someurl)

为什么我的列表样式图像没有显示？

2 个答案: