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

原因是IE8 不支持border-radius。

对于这个老浏览器来说，一个“解决方案”是用图片做边角，或者更合理的，让不升级的用户有方角。

于 2012-09-26T17:18:38.633 回答
0

IE8不支持border-radius，一种方法是使用插件，这个简单有效， 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 中，您可以将背景添加为图像。

即.css

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