0

私は div タグを使用しており、それに css を適用しています。divタグの下を見つけてください

<div class="testcss">
</div>

私のcssクラスは次のとおりです

.testcss
{
     background-image: url('images/imag2.gif');
     background-repeat: repeat-y;
     background-position: bottom-left;
     padding-left: 10px;
     padding-right: 10px;
}

div は背景画像を表示し、Mozilla の他のブラウザーでは正しく表示されますが、IE8 および IE9 では機能しません。IE10でも問題なく動いています。background-repeat には問題があります。repeat-y が IE8 および IE9 で正しく機能しない。IE8 と IE9 でこれを修正できる方法はありますか。

どんな助けでも大歓迎です。

前もって感謝します。

よろしく、 ラフル・ラティ

4

2 に答える 2

0

あなたの構文が間違っているという事実について@feitlaに同意します。bottom-leftCSSのbackgroundプロパティには存在しないので使えません。

また、Y 軸で既に繰り返され、コンテナーのすべての高さにまたがっているため、 は不要であるためbackground: url('images/imag2.gif') left repeat-y、単純に使用する必要があることに同意します。bottom

最後になりましたが、要素が空の場合 (他のマークアップがない場合など) は、要素に幅と高さを設定する必要があります。

ここから得られる教訓は、短縮形を使用する方がコードがよりクリーンで読みやすくなるため、より安全であるということだと思います。

最終的には次のようになります。

HTML

<div class="testcss"></div>

CSS

.testcss {
   background: url('images/imag2.gif') repeat-y left;
   padding: 0 10px;
}

ショートハンド コードの使用方法については、CSS の記述がよりクリーンで楽しいものになるため、詳細をお読みください。見た目ほど難しくはありません。

于 2013-07-23T18:37:28.753 に答える