0

IEの背景画像のバグについては、すでに1000の質問があることは知っていますが、私はすでにすべてのアドバイスに従っており、まだ解決策を見つけることができません。

このスタイルは、IE7および8で背景画像をレンダリングしません。

div#mainComponent {
background-image:url('../images/bg.png');
background-repeat:repeat;
z-index: 100001;
position: absolute;
bottom: 0px;
left: 10%;
color: @blue;
padding: 20px;
height: 424px;
overflow: auto;
width: 780px;
height: 320px;
margin: auto;
}

私の目的は不透明度0.8の背景を持つことなので、すでにrgbaを試しましたが、何も起こりませんでした。今はこの単純な解決策を使用していますが、それでも正しく理解できません。互換性の問題である可能性があるかどうかを確認するために、他のすべてのプロパティを削除しましたが、それでも何も機能しません。

手伝ってくれませんか？ありがとうございました

4

1 に答える 1

0

画像自体をブラウザにドラッグしてみてください。画像自体に問題がある可能性があります。

IEのフォールバックを含むrgbaの実行方法を示すページは次のとおりです。http：//css-tricks.com/rgba-browser-support/

IEのフォールバックは次のとおりです。

<!--[if IE]>

   <style type="text/css">

   .color-block { 
       background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); 
       zoom: 1;
    } 

  </style>

<![endif]-->
于 2012-10-24T03:13:59.637 に答える