邊界半徑在IE上不起作用，我使用什么庫或CSS hack

Question

我想在IE8的應用程序中設置樣式，但是css3總是有問題。 我已經嘗試過使用css3pie，但是我不太滿意。 如果可以使用jQuery插件，我將非常高興。 我想知道是否有可能用類似的東西欺騙IE8。

<meta http-equiv="X-UA-Compatible" content="IE=9" />

如果有人解決了這個問題，請告訴我。 謝謝。

Answer 1

檢查一下： Internet Explorer中的圓角

底部有一些指向不同解決方案的鏈接。

Answer 2

這是您的選擇：

使用某種基於javascript的偽兼容庫（例如css3pie）。 由於這些庫基本上都是以受控方式求助於黑客程序，因此您的結果將是正確的，但不一定是完美的。
對IE8（及更早版本）使用其他樣式/其他樣式表，並使用傳統方法添加圓角邊框（圖像為轉角，帶有一些瘋狂的浮動和定位技巧；更糟糕的是，濫用列表項的圓角）。
對所有瀏覽器使用老式的方法-可以使用，但是您會錯過平滑縮放的矢量角（即，當用戶放大時它將像素化）。
進行外觀設計，使其外觀足夠好，沒有圓形邊框，並使IE8正常降級。 （實際上，這是HTML和CSS設計人員所設想的規范解決方案。）

一些注意事項：

IE8（及更早版本）並不是唯一不實現邊界半徑的瀏覽器； Opera Mini是一種相當流行的移動瀏覽器，尚未實現，而Opera版本和Opera Mobile都沒有包含它們，直到版本10。
適用於IE8的hacks可能不適用於IE6和7，因此，如果您選擇該路徑，請准備好管理四個不同的樣式表而不是一個。
許多常見的老式圓角黑客很難或不可能在流暢的布局中實施，因為它們依賴於絕對定位和其他元素尺寸的知識。
如果用戶禁用了Javascript，則基於Javascript的解決方案顯然會中斷。
隨着時間的流逝，人們將轉向較新的IE版本。 IE8是目前最傑出的版本，但這不會永遠持續下去。

Answer 3

尚未將其用於邊界半徑，而是用於其他css3。 您將必須使用borderradiusalt.js並將其應用如下：

$('#myElement').css('border-radius', '3px 3px 3px 3px');

您還必須將border-radius.htc放在Web根目錄（例如index.html所在的位置）或使用js的頁面中。