1

クラスの背景画像をリスト項目として配置したい:

<ul>
<li> Stuff </li>
<li> More Stuff </li>
<li class= "horizdotted" </li>
</ul>

ここにCSSがあります

.horizdotted {
background-image: url("images/horizdotted.png");
background-repeat:no-repeat;}

これはどのブラウザーでも機能しません... LI に少なくともいくつかの情報 (背景画像以外) が必要なようです。そこで、白いピクセルの png を作成し、別の方法を試しました。

<ul>
<li> Stuff </li>
<li> More Stuff </li>
<li class= "horizdotted"><img src="images/pixel.png" alt="teeny pixel" /> </li>
</ul>

同じCSS。これは Chrome と Firefox では機能しましたが、IE では機能しませんでした。私の人生では、IEで動作させることはできません。できれば助けてください!! これは、2番目の方法のChromeの画像です（小さなピクセルを使用）。[もの、より多くのもの、順不同リストの点線] http://www.flickr.com/photos/77703125@N07/8321020892/in/photostream/

4

2 に答える 2

1

cssで幅と高さを設定する

.horizdotted {
  background-image: url("images/horizdotted.png");
  background-repeat:no-repeat;
  width:50px;
  height:50px;
 }

必要な画像サイズに応じてこのプロパティを設定します。

于 2012-12-29T05:25:02.323 に答える
0

IE 用の jsFiddle

li何かを表示できるように、 にコンテンツを追加する必要があります。また、質問に li の構文エラーがあります。閉じ括弧>記号がありません。クラス名の等号の後にも空白があります。

HTML: 

<ul>
  <li> Stuff </li>
  <li> More Stuff </li>
  <li class="horizdotted">Some stuff to view background.</li>
</ul>

CSS: 

.horizdotted {
  background-image:url(http://placehold.it/500x17/00ff00);
  background-repeat: no-repeat;
}

IE の jsFiddle: CSS なし

また、表示したいのは単なる破線であるため、CSS は必要ありません。

HTML: 

<ul>
  <li> Stuff </li>
  <li> More Stuff </li>
  <li>-----------------</li>
</ul>
于 2012-12-29T05:34:24.210 に答える