我知道在 IE7 中不支持border-radius属性。
在IE7
浏览器中是否有任何css技巧可以做border-radius。
答案 0 :(得分:5)
您可以使用CSS3 PIE来实现这一目标。
要获取它,请将pie.htc文件添加到您网站的ROOT。在要使用border-radius的CSS文件中,添加以下代码:
behavior: url(path/to/PIE.htc);
在普通的CSS中,url是相对于CSS文件的。对于htc文件,它相对于您网站的ROOT。这很重要,因为它不会起作用。怪微软。
注意:强>
如果它仍无法正常工作,请将其添加到您的选择器中:
position: relative;
z-index: 0;
答案 1 :(得分:1)
在不支持“border-radius”CSS属性的浏览器中,有很多“技巧”可以获得圆角。只需谷歌搜索“圆角css”。 This one似乎很有希望。
答案 2 :(得分:1)
目前,IE 9和10是唯一支持border-radius的IE版本。 IE 8及以下版本不支持border-radius。
答案 3 :(得分:1)
使用在Photoshop中制作曲线边框.ping图像并使用它.....因为border-radius-bottomleft,border-radius-bottom right等不适用于ie6-8 .... 强>
使用该代码使border-radius运行良好....
**
background-color: #E8EDEF;
border-radius: 10px 10px 10px 10px;
display: block;
margin-left: 78px;
width: 591px;
behavior: url(pie/PIE.htc);
**
还可以查看border-radius http://css3pie.com/
在文档中详细说明