1

このランディングページを作成していて、2番目の段落の後に、リストスタイルの画像を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;      
}
4

2 に答える 2

4

背景画像を使用してみてください。list-style-imageとにかく正しく整列することはありません。

background-image:url(...);
background-repeat:no-repeat;
background-position:0px 0px
于 2010-01-29T19:52:35.553 に答える
1

これは問題である場合とそうでない場合がありますが、css文法によれば、左括弧と左括弧の間にスペースを入れることはできませんurl

だからこれを行う:

url(/someurl)

これではない:

url (/someurl)
于 2010-01-29T19:46:37.673 に答える