2011-08-16 12 views
0

私は成功し、次の回避策の方法を使用することができました:カラー:Internet Explorerのrgba()回避策?

background: rgb(42,42,42); 
background: rgba(42,42,42,0.7); 

しかし、これだけbackground:で動作し、color:では動作しません。 color:と連携させるための回避策を知っている人はいますか?

+0

確かに、色:#2a2a2a; – Loktar

+1

どのバージョンのIEですか? –

+0

正直言って私はちょうど私自身の質問を解決しました: '<! - [if lte IE 8]> 「 @Loktarに関しては、私はあなたが私の質問を正しく読むとは思わない。 今、適切なことは何ですか?この質問を削除しますか? – CookieMonster

答えて

0

Internet Explorerは、パーセンテージをRGB値としてのみ受け入れます。http://msdn.microsoft.com/library/ms530749.aspx

DEMO::これは

color: rgb(16%,16%,16%); 
color: rgba(42,42,42,0.7); 

マイクロソフトスペック動作しますので、IEの互換モードのバグのhttp://wecodesign.com/demos/stackoverflow-7082955.htm

UPDATEを、あなたは同じことの2宣言した場合、両方を無視すると、以下は互換モードと標準モードの両方で動作します

h1 { 
    color: rgb(16%,16%,16%); 
} 
h1 { 
    color: rgba(42,42,42,0.7); 
} 
+0

これは私が見つけたものより良い回避策です!ありがとう! **これはまだIEのブラウザではまったく動作しません(これは黒いテキストとして表示されます) – CookieMonster

+0

私は仮想マシンをインストールしていますそれをテストして、それはうまくいったはずですが、他に何かがあるはずです。私はあなたの投稿を続けます。 –

+0

私が提供したデモリンクをテストしたところ、動作しているようです。私は、すべての色の16%がかなり黒に近いので、それをより顕著にするために値を赤に変更しました。デモに赤が表示されるはずです。 –

0

は、いくつかの追加の研究の後、私は、これはトリックをしたことがわかった:

<!--[if lte IE 8]> 
    <style type="text/css"> 
     a#scrollUp { 
      color: #ffffff !important; 
     }  
    </style> 
<![endif]--> 

それは条件付きのスタイルシートを使用しています。 lte IE 8は、8以下の任意のIEバージョンと一致します。適切な(16進表記)色を入力し、importantを使用して優先順位を付けるだけです。

私はこれが他のwebdesignersにも役立つことを願っています!

私自身の回答を受け入れるかどうかは分かりませんが、誰かが依然としてより良い(より効率的な)回避策を提案してくれることを願っています。