0

ローディング div があり、背景イメージとしてローディング シンボルがあります。その読み込み記号を完全に不透明にしたいと思います。ただし、読み込み中のページをフェードさせるために、背景画像の不透明度を 80% に設定しました。これは Chrome と Firefox でうまく機能しますが、IE8 ではロード シンボルも半透明になります。背景色をフェードする方法はありますが、ie8 の背景画像はフェードしませんか?

CSS:

#loadingDiv {
    background: url(../../images/Loading32.gif) no-repeat center center;
    background-color: rgba(255,255,255, .8);
    position: absolute;
    height: 330px;
    width: 890px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ffffff, endColorstr=#88ffffff)";
}
4

2 に答える 2

3

IE8 は をサポートしていないためrgba、不透明ではありません...

したがって、おそらく2x2ピクセルの画像を使用して、透明な背景画像を使用してください...または

IE8 のサポートについては、 CSS3 Pieを参照してください。

于 2012-11-26T20:43:50.573 に答える
1

残念ながら、IE8 は rgba をサポートしておらず、CSS opacity ルールもサポートしていません。個人的には、半透明の 1 ピクセルの png 画像を作成し、それを背景画像として繰り返します。

まず、透明な 1px png を作成してイメージ ディレクトリに配置します。'translucentBG.png' という名前を付けます。

次に、ソース コードの head に次のコードを記述して、別のスタイルシートで IE をターゲットにします。

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="css/all-ie-only.css" />
<![endif]-->

次に、css ディレクトリ内に「all-ie-only.css」というファイルを作成します。「all-ie-only.css」内で、次のルールを作成します。

.loadingdiv {
    background: url(../../images/translucentBG.png);
}
于 2013-05-16T18:15:06.187 に答える