0

ie7とullist要素に少し問題があります。

ie8 / 9とfirefoxでは、アイコンとテキストの間に追加の空きスペースがあります。

ここに画像の説明を入力してください

ie7では、残念ながら次のように見えます。

ここに画像の説明を入力してください

ulリストのスタイル：

margin-top: 5px;
    list-style-image: url('../Images/listItem10.png');
    list-style-position: inside;
    padding-left: 5px; 
    font-weight: bold; 
    float: left;

残念ながら、ハックを作成しようとしても機能しません。どうすればそれを達成できるか提案をお願いします。

4

2 に答える 2

2

...........................。

こんにちは今はbackground イメージしていませんlist-style-image

margin-top: 5px;
    list-style:none;
background:url('../Images/listItem10.png') no-repeat 0 0;
    padding-left: 5px; 
    font-weight: bold; 
    float: left;
于 2012-09-21T07:53:01.073 に答える
0

うーん..画像を「背景画像」として含めるようにしてください

  • にパディングを追加します
  • 自体。今のところ、パディングは
  • ：に設定されているため、右に移動します。

    |
|...|#'Text'
|...|#'Text2'
|

    にパディングを追加する

  • テキストは右に移動しますが、背景画像は移動しません

    |
||#...'Text'
||#...'Text'
|

    たぶんこれはうまくいくでしょう:)（「イラスト」が私が言おうとしていることのより良いアイデアをあなたに与えることを願っています...：D）

    • 于 2012-09-21T07:53:50.000 に答える