爲什麼我的list-style-image沒有顯示出來？

我正在構建this landing page，在第二段之後，我列出了我已將列表樣式圖像應用於li.actionItem的點，但是我得到的是默認光盤而不是我的圖像。我知道這個網址正在工作，因爲a）我以絕對的形式寫出來，b）如果你輸入絕對網址，你會得到圖像（見這裏）和c）我嘗試應用圖標作爲背景圖像，文字和工作。爲什麼我的list-style-image沒有顯示出來？

如果我必須（填充版本的背景圖像），我最終可以做到這一點，但我寧願把它寫成列表式圖像。此外，它只是讓我發瘋，爲什麼它不會以這種方式出現，我想知道。

任何想法或提示？謝謝！

這裏是一目瞭然的相關標記...

  <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;  
}

來源

2010-01-29 Joel Glovier

這可能是也可能不是問題，但根據css grammar你不能有url和左括號之間的空間。。

所以做到這一點：

url(/someurl)

不是這個：

url (/someurl)

來源

2010-01-29 19:46:37 Triptych

是的，固定它。謝謝！！！ – 2010-01-29 20:13:01

嘗試使用背景圖像。無論如何，list-style-image永遠不會正確排列。

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

來源

2010-01-29 19:52:35

爲什麼我的list-style-image沒有顯示出來？

回答

相關問題