コンテンツに影響を与えずに IE8 で透明な Div 背景を実現するにはどうすればよいですか?

含まれる要素に影響を与えずに IE 8 で Div の背景の不透明度を設定する方法

IE 8 では div の背景の不透明度を設定するのは難しい場合があります、不透明度プロパティは背景とそれに含まれるオブジェクトの両方に影響を与えるためです。 elements.

rgba カラーを使用した解決策

実行可能な解決策は、rgba 背景色を使用することです。ここで、4 番目の値はアルファ チャネルまたは透明度を表します。この方法は IE8 以前のブラウザでは機能しませんが、CSS3Pie ハックを使用して実装できます。

.myelement {
    background: rgba(200, 54, 54, 0.5);
    -pie-background:  rgba(200, 54, 54, 0.5);
    behavior: url(PIE.htc);
}

IE フィルター グラデーションを使用した解決策

別のオプションは次のとおりです。 gradient キーワードを使用して IE のフィルター スタイルを使用します。この手法は CSS3Pie によってバックグラウンドで使用されますが、IE のフィルターを直接操作する必要があります。

.myelement {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80c83434', endColorstr='#80c83434');
}

このメソッドは IE8 で機能しますが、動的な不透明度の変更の場合はより複雑になる可能性があります。 CSS3Pie は、よりクリーンでより包括的なソリューションを提供します。

以上がコンテンツに影響を与えずに IE8 で透明な Div 背景を実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。