<tr>とbackground-color(緑)があり、一部<td>の は行の背景を独自の (グラデーション) でオーバーライドします。ただし、ほとんどのセルには、セルの一部の背景イメージ (並べ替え矢印) と透明な背景色があります。それが私が今扱っていることです。
IE8以外のブラウザではすべて正常に動作します。背景が白いセルが表示されます。F12 開発者ツールを開いてbackground-color: transparentプロパティのチェックを外すと、緑色が表示され<tr>ます。
並べ替えの矢印が必要なため、透明な画像のハックを使用できません。background-color
<tr>の緑色の背景を IE8 のセルに表示するにはどうすればよいですか?
次のようなことを試してください：
background: rgba(200, 54, 54, 0.5);
最初の 3 つの数字は背景色の赤、緑、青の値で、4 番目はアルファ チャンネルです。
アルファ チャネルは、不透明度の値と同じように機能します。
rgbaをサポートしていないように見えるIE 8の場合、 opacity 属性が必要になります。
.transparent {
/* works for IE 5+. */
filter:alpha(opacity=30);
/* works for IE 8. */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
/* works for old school versions of the Mozilla browsers like Netscape Navigator. */
-moz-opacity:0.3;
/* This is for old versions of Safari (1.x) with KHTML rendering engine */
-khtml-opacity: 0.3;
/* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */
opacity: 0.3;
}