CSS3圆角盒和暗影问题

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中不显示任何阴影或圆角框。

有没有人帮我解决这个问题。
在此先感谢:-)

来源

2012-09-26 Kanta

IE8是旧的，不支持它。我不会花太多时间修复它。让它在I8上看起来“够好”，并等待每个人都升级。 – GolezTrol

原因是，border-radius isn't supported by IE8。

对于这个旧的浏览器来说，一个“解决方案”是使用角落图像，或者更合理地说，让未升级的用户有方形角落。

来源

2012-09-26 17:18:38

稍微好于圆角图像IE修复 - http://css3pie.com/ –

css3pie会给很多副作用，请注意 – Giona

right @dystroy。 – Kanta

边境-radius不支持IE8，绕了一个办法是使用插件，这是一个简单而有效的， http://jquery.malsup.com/corner/

来源

2012-09-26 17:21:08 Rahul

以及我正在检查它.. – Kanta

还有另一个轻量级插件，您可以考虑http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser – Rahul

这样做将是对即目标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-26 17:41:44 Rahul

CSS3圆角盒和暗影问题

回答

相关问题