我知道网上有一百万个圆角线,我已经完成了我的研究并尝试了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);
谢谢你, 领域
答案 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>