0

【CSS】firefoxでは表示される背景がIEでは全く表示されない CSSで設定した背景がfirefoxやChromeでは表示されますが、IEでは全く表示されません。
ひと通りgoogleで検索し、クリア等やってみましたが、やり方が悪かったのか、変化がありません。
改善策等ございましたら教えていただければ幸いです。

以下CSSソース
body :not(:target){
background-image:url(img/1.jpg)9; /*壁色と壁紙設定*/
background-repeat:repeat9;/*繰り返さない場合はno-repeatに変更*/
font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333333;
margin:0px;
padding:0px;
}

#contents{
width:852px;
margin:0 auto;
background-image:url(img/1.jpg);/*コンテンツ内の背景(サイズをぴったりにすること）*/
background-repeat:repeat-y; /*縦に繰り返し*/
position:relative;
font-size:80%;
}


/*ヘッダー部分の設定*/
#header{
/*background-image:url(img/1.jpg); /*ヘーダー*/
background-position:top right;
background-repeat:repeat;*/
height:145px; /*ヘーダーの高さ*/
}

#header p {
font-size: 25px;
color:#ffffff;
padding-top: 5px;
padding-left: 10px;
}



/*上部メニューボタンの設定*/
#navbar{
width: 100%;
height:335px;
position:absolute;
top:100px;

}

#navbar ul{
margin:0;
padding:0;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:45px;
letter-spacing:2px;
}

#navbar li{
background-image:url(img/4.jpg); /*上部メニューのボタンの背景*/
background-position:top right;
background-repeat:repeat;
float:left;
width:20%; /*メニューボタンの幅*/
text-align:center;
padding:0;
}
#navbar ul a:hover{
background-image:url(img/5.jpg); /*メニューボタンにカーソルが来た時に背景画像をこれにする*/
background-position:top right;
background-repeat:repeat;
float:left;
width:100%; /*メニューボタンの幅*/
}

#navbar a{
color:#ffffff;/*メニューボタンの文字の色*/
display:block;
}
#navbar a:hover{
color:#8E0036; /*メニューの文字がカーソルが来た時、この色に変わる*/
}

質問者が選んだベストソリューション

Yahoo!知恵袋 4676日前