2012-07-18 100 views
1

我知道border-radius属性不会支持IE7在IE7中不支持边框半径

IE7浏览器中是否有任何css技巧可以做边界半径?

+8

谷歌的*确切*问题的边界半径http://css3pie.com/

标题。你会得到结果。 – Blender 2012-07-18 09:01:45

+0

[在IE7/IE8中创建圆角]的可能重复(http://stackoverflow.com/questions/6941158/creating-rounded-corners-in-ie7-ie8) – 2012-07-18 21:46:21

回答

4

您可以使用CSS3 PIE得到这个工作。

要获得它将pie.htc文件添加到您的网站的ROOT。在您要使用的边界半径添加以下代码CSS文件:

behavior: url(path/to/PIE.htc); 

在正常的CSS的URL是相对的CSS文件。对于htc文件,它是相对于您网站的ROOT。这很重要,否则它将无法工作。责备微软。

注:

如果它不工作仍然然后添加到您的选择:

position: relative; 
z-index: 0; 
1

有很多“技巧”在不支持“border-radius”CSS属性的浏览器中获得圆角。只要做一个谷歌搜索“圆角CSS”。例如This one似乎很有希望。

1

目前,IE 9和IE 10是唯一支持border-radius的IE版本。 IE 8及以下版本不支持border-radius。

入住这http://css3pie.com/

1

使用一条曲线边界.ping图像在Photoshop和使用它.....因为border-radius-bottomleft,border-radius-bottom等不在ie6-8上工作....

使用该代码的边界半径工作得很好....

**

background-color: #E8EDEF; 
    border-radius: 10px 10px 10px 10px; 
    display: block; 
    margin-left: 78px; 
    width: 591px; 
behavior: url(pie/PIE.htc); 

**

,也看到详细给出文件