2012-07-18 96 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); 

**

,也看到詳細給出文件