IE8不透明度が動作しない

可能性の重複：
Opacity CSS not working in IE8 IE8不透明度が動作しない

は、だから私はIE8（もっとIE9でIE8のブラウザモードのようではない、本当にIE8で働く不透明度を取得しようとしてきました）何らかの理由で不透明度が適用されていません。ここで私はCSSのために持っているものです。

nav a:hover { 
    color: #fff; 
    background: none; 
} 

nav a:hover:after { 
    height: 100%; 
    width: 100%; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    z-index: 1; 
    background: #fff; 
    content: ''; 
    /* IE8 Sucks Balls */ 
    opacity: 0.10; 
    filter: alpha(opacity=10); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); 
    display: block; 
    zoom: 1; 
}

出典

2012-03-09 Andrew Lee

不透明度をどのように適用していますか？ '：after'とは何ですか？ – Joseph

IE8以下は少なくともボールを吸ってください。後に他の2つを使わずにアルファフィルタを使ってみましたか？ – Bojangles

@cale_b：それは別の問題です。彼のスタイルはレイアウトを持っています。通知zoom：1; ' – Strelok

これは互換性のある表示である可能性があります。しかし、私はそれを疑う。

とにかく、あなたの背景が白に設定され、低い不透明度などを使用しているためです。私は問題がないことを確かめるために＃000に背景を設定し、.8に不透明度を設定します。また、Joesphは言った。これが何をしているのか分かりません。nav a:hover:after

また、このツールは古いブラウザをチェックするのに適しています。（ある程度）。

http://www.my-debugbar.com/wiki/IETester/HomePage

それはしかし、私だった場合、私はちょうど私の背景透過PNGを使用します。私はPhotoshopに1x1の黒い四角を作り、不透明度を10％に設定し、それをpngとして保存します。

#myelement { 
background-image:url('mytransparentbg.png'); 
}

出典

2012-03-09 00:59:41

私はできるだけイメージを避ける傾向があるので、これを修正できない場合、これは私の最後の手段になります。 –

私の賭けは、あなたがIE9 IE8モードがサポートされていないHTML5 navタグを使用しているので、それが働いていないという事実にあります。それは通常のIE9モードでサポートしていますが。

編集。 This articleとリンクされている特定のセクションは、それらをサポートしていないブラウザでHTML5要素を使用しているときに読み込まなければなりません。

出典

2012-03-09 01:11:36 Strelok

私はhtml5shivを使用しているので、問題ではないはずです。 –

IE8不透明度が動作しない

答えて

関連する問題