2009-08-09 23 views
0

私はちょうどウェブサイトを構築し始めています、そして、ちょうどCSSを洗い流しています。IEのバグ - 背景の色と位置

2つの問題:

  1. 私は透明な背景を得るためにRGBAを使用して、古いブラウザでこれをエミュレートするために透過PNGを使用しています。私はこのようなカスケードを使用しています:IEで

    rule { 
        background: url(/media/img/white_0.9_pixel.png); 
        background: rgba(255, 255, 255, 0.9); 
    } 
    

これらの背景はそれらが...任意のアイデアなぜ適用されているセクションの全体をカバーしていませんか?

  1. ドロップダウンメニューがIEに間違って配置されています。私はそれを絶対に位置づけていますが、それをWebkitの適切な場所に押し込むための余裕を追加しています。ドロップダウンを整列させる方法が間違っていると推測し、ブラウザ間ではうまく機能しません。そこに何か提案はありますか?

ありがとうございます - ここに質問を書くだけで、私は考えるのに役立ちます!

サイトへのリンク:http://bit.ly/11GGCx

答えて

1

IEのバージョンが問題を呈しますか?多くのIEのバグと同様に

  1. 、不適切にレンダリングされた背景を持つ要素にlayoutを与えてみてください。

  2. 絶対配置された要素の "left"プロパティを指定しないと、IEはまれに必要な値を生成します。 CSS 2.1仕様によれば、 "left"はstatic positionに設定する必要がありますが、ブラウザはこの位置を推測して明示的に表示することをお勧めします。標準的な方法は、各サブメニューに対してcontaining blockを作成し、サブメニューに対して「上」および「左」を設定するためにメニューアイテムの相対的な配置を与えることです。

    .nav li { 
        position: relative; 
        /* note: don't set a box offset (e.g. "left") here */ 
    } 
    .nav ul { 
        position: absolute; 
        top: 1em; 
        left: 0; 
    } 
    
0

あなたは背景リピートを指定しましたか?

0

css opacity conceptを試しましたか?

次のコードを試してください。

rule { 
background: #fff; 
opacity: .5; 
-moz-opacity: 0.5; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* for IE8 *//* Comes First to apply optacity in all ie versions*/ 
filter: alpha(opacity=50); /* for IE5-7 *//* Comes second to apply opacity in all ie versions*/ 
} 

注:上記の行の順序は変更しないでください。また、私はrgbaの背景を使用しないことをお勧めします。

これを試してください。希望により、