0

私はデスクトップの背景にこのスキームを使用しています。ホームページでは、クラス「gd」のbodyタグを使用しているため、ホームページに背景が表示されます。与えられたcssはFF、Chrome、Safariで正常に動作していますが、IE用にハッキングするのに問題があります。

body{  
color:#0066cc;  
background:white;  
padding-top:20px;  
min-width:500px;  
height:100%;  
}

メインページのこのスタイル

body.gd{  
background:#87ceeb url("../images/bg.jpg") bottom center no-repeat !important;  
background-color:#87ceeb !important;  /*P.S. This line just added for testing */  
}

.gdクラスの最後の行には背景色も表示されていません。IEがgdクラスのbodyタグを受け入れていない可能性がありますが、このクラスでは、この動作をどのように克服できるでしょうか。

PS私はIE9、IE8、IE7を使用しています。それらのうちの3つは表示されていません。

4

1 に答える 1

0

ヘルプ@7番目のコメントをありがとう。ここでの問題はhtmlタグにあります。

以前はどちらでしたか

html{  
background-color:#ffffff;  
zoom:1;  
**background-color:transparent\9;**  
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff)";  
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff);  
padding:0;  
margin:0;  
}

以降

html{  
background-color:#ffffff;  
padding:0;  
margin:0;  
}

そして、background-color：transparentがエラーを起こしていることに気づきました。なぜIEがそれをバックグラウンドに継承しているのかわかりませんでしたが、bodyタグに個別のスタイル定義を追加しました。とにかく、今、それは私のためにうまく働いています。

PSこれに関する説明は大歓迎です

于 2013-01-07T03:57:52.617 に答える