IE8的後臺修補程序修補程序

Question

我正在使用background-clip: content-box;來處理方形框（Metro風格）的響應式佈局。

background-clip屬性用於顯示每個框之間的假邊距，以便在調整瀏覽器大小時，邊距保持不變。

我很努力地找到一個黑客/修復，以獲得此屬性在IE8中工作。我曾嘗試Pie HTC，但這似乎並未影響盒子。

這裏是我的問題在IE8一個基本的jsfiddle：http://jsfiddle.net/MgcDU/4393/

Answer 1

不幸的是IE6，IE8不支持圓角邊框。相反，你需要使用類似CSS3PIE的東西。然而

IE9確實明白

border-radius 

這裏是一個快速一步一步的（這是一個非常簡單的，高層次的樣本。

1. 下載CSS3PIE在http://css3pie.com/download-latest
2. 保存您網站根目錄下的.htc文件
3. 假設您有一個帶有foo id的div：

<div id="foo">Hello, I'm rounded</div>

你這個CSS可能是：

#foo { width: 500px; height: 200px; background: blue; -moz-border-radius: 12px; /* FF1-3.6 */ 
     -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ 
     border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } 
You simply need to add one more rule to the bottom of that CSS, as follows behavior: `url(/PIE.htc);` 

這將導致CSS3到您的邊界半徑規則適用於IE6-8。

Answer 2

沒關係，我通過添加一個內部div並設置背景和div.box爲透明！

謝謝。