0

以下は、HTMLコードの私の部分です...

HTML コード:

<div class="fotter" >
&nbsp;&nbsp;&nbsp;&nbsp;Copyright&copy;2012                        
<span style=" float:right;">
<strong>Privacy Policy</strong>&nbsp;&nbsp;                
<strong>Contact Us</strong>&nbsp;&nbsp;                
<strong>Edumemn</strong>&nbsp;&nbsp;
</span>
</div>

と

CSS コード:

.fotter{
padding:10px 0 5px 0;
margin:0 auto; margin-bottom:10px;
background-image:url(../img/fotter.jpg);
background-repeat:repeat-x;
height:30px; width:1037px;
border:0;
outline:0;
float:left; font-family: Verdana, Geneva, sans-serif; font-size:12px;   
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
box-shadow: 0px 1px 2px #000;
-webkit-box-shadow: -1px 0px 2px #000;
-moz-box-shadow: 0px 5px 2px #000;
}

これは私のウェブサイトのリンクです..http://nerflek.net/PSD TO HTML/

私の質問は.. Firefoxでは、フッター部分に影のある丸いボックスが表示されます。しかし Internet Explorer 8 では、影や丸いボックスは表示されません。

これについて私を助けてくれる人はいますか。
前もって感謝します ：-）

4

3 に答える 3

3

その理由は、border-radius が IE8 でサポートされていないためです。

この古いブラウザの「解決策」は、角に画像を使用するか、より合理的には、アップグレードしないユーザーに四角い角を持たせることです。

于 2012-09-26T17:18:38.633 に答える
0

Border -radius は IE8 ではサポートされていません。プラグインを使用する方法があります。これはシンプルで効果的です。http: //jquery.malsup.com/corner/

于 2012-09-26T17:21:08.367 に答える
0

それを行う別の方法は、ie のターゲット css を持つことです。

あなたはそれを追加することができます

<head>
<link rel="stylesheet" type="text/css" href="normal.css" />
<!--[if lte IE 8]> <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]-->
</head>

ie.css で、背景を画像として追加できます。

ie.css

div#samepagecontainer {
..
..
background : #aaa url(/path/to/image.file) no-repeat top left;
..
}
于 2012-09-26T17:41:44.677 に答える