如何在IE8和IE8以下的瀏覽器中應用邊框半徑？

我想知道如何將邊界半徑應用於IE8和IE8以下的瀏覽器。如何在IE8和IE8以下的瀏覽器中應用邊框半徑？

我知道border-radius是一個HTML5功能，IE8不支持它。

我發現通過使用.htc我們可以做到這一點，但通過使用htc我遇到了黑色背景的問題。

我無法克服這個問題。

是否有任何其他方式向IE8應用邊界半徑？如果有的話，誰能解釋我的情況？

來源

2013-07-24 user2594152

背景有什麼問題？ – YD1m

選項1

http://jquery.malsup.com/corner/

選項2

http://code.google.com/p/curved-corner/downloads/detail?name=border-radius-demo.zip

選項3

http://css3pie.com/

選項4

http://www.netzgesta.de/corner/

選項5

See this question

編輯： 選項6

https://code.google.com/p/jquerycurvycorners/

來源

2013-07-24 09:45:31

我能夠通過使用jquery.corner.js，但邊緣不夠光滑，在IE8和通過使用css3pie.com背景變得黑IE8 – user2594152

藍砧鏈接死了，因爲現在死了... –

@MattFletcher更新了鏈接。 –

PIE使得能夠呈現最有用的CSS3裝飾功能

http://css3pie.com/

幾個Internet Explorer 6-9 ....................... .................................................. .......

來源

2013-07-24 09:43:18

的答案上面說的，CSS PIE使事情變得像邊界半徑和箱 - 在IE6-IE8中工作：http://css3pie.com/

這就是說，在使用PIE時我仍然發現有些片狀，現在只是接受使用舊瀏覽器的人不會看到圓角和下落陰影。

來源

2013-07-24 09:47:52 MrCarrot

HTML：

<div id="myElement">Rounded Corner Box</div>

CSS：

#myElement { 
    background: #EEE; 
    padding: 2em; 
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 
    border: 1px solid red; 

}

PIE。htc文件可以從http://www.css3pie.com

來源

2013-07-24 09:51:27 web2008

你讀過「...... IE8及以下...」嗎？ –

首先爲了技術的準確性，border-radius不是HTML5的功能，它是一個CSS3功能。

我發現用於渲染盒子陰影的最佳腳本&舊IE版本的圓角爲IE-CSS3。它將CSS3語法翻譯成VML（一種特定於IE的Vector語言，如SVG），並將它們呈現在屏幕上。

它在IE7-8上的工作比在IE6上好很多，但也支持IE6。當我使用PIE時，我並沒有多想PIE，並發現它（如HTC）並不是真正能夠實現功能。

來源

2013-07-24 09:55:01

這個答案非常標準。 CSS3 Pie需要在某些父div上添加z-index和position：relative才能正確渲染，從而嚴重影響整個設計。 UPvoteD。 – Sakthivel

IE9 +，Firefox 4 +，Chrome，Safari 5+和Opera支持border-radius屬性，因爲它是CSS3屬性。所以，你可以使用css3pie

首先檢查該演示在IE 8和here 下載它寫這樣

#myAwesomeElement { 
    border: 1px solid #999; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(path/to/pie_files/PIE.htc); 
}

注意到你的CSS規則：在上述規則添加behavior: url(path/to/pie_files/PIE.htc);。在url（）中你需要指定你的PIE.htc文件的位置

來源

2014-01-09 11:10:48

如何在IE8和IE8以下的瀏覽器中應用邊框半徑？

回答

相關問題