IE7中不支持边界半径

时间:2012-07-18 09:00:06

标签: html css border css3

我知道在 IE7 中不支持border-radius属性。

IE7浏览器中是否有任何css技巧可以做border-radius。

4 个答案:

答案 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。

选中此http://css3pie.com/

答案 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/

在文档中详细说明