IE圆角

时间:2012-03-20 15:26:12

标签: internet-explorer css3 rounded-corners

我知道网上有一百万个圆角线,我已经完成了我的研究并尝试了PIE.htc方法,但没有运气。出于某种原因,根据BrowserLab,它甚至不能在IE9中工作。

IE9的任何人都可以为我确认吗?我在Mac上。

http://heyimart.com/clients/index.html

这是我用来制作圆角的CSS代码。

-webkit-border-top-right-radius: 120px;
-webkit-border-bottom-left-radius: 120px;
-webkit-border-radius: 0px 120px 0px 120px;
-moz-border-radius-topright: 120px;
-moz-border-radius-bottomleft: 120px;
-moz-border-radius: 0px 120px 0px 120px;
border-top-right-radius: 120px;
border-bottom-left-radius: 120px;
border-radius: 0px 120px 0px 120px;

-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
behavior: url(clients/PIE.htc);

谢谢你, 领域

3 个答案:

答案 0 :(得分:0)

behavior中的网址应该与服务器根目录相关。

将其更改为:

behavior: url(clients/PIE.htc);

答案 1 :(得分:0)

ie8上没什么(没有ie9)...

我在ie8上使用它:

-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
behavior: url(PIE.htc);
margin:25px;
z-index: inherit;
zoom: 1; /* For IE6 */

答案 2 :(得分:0)

使用此功能

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style>
border-top-right-radius: 7px;
border-top-left-radius: 7px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
</style>