IE8的后台修补程序修补程序

我正在使用background-clip: content-box;来处理方形框（Metro风格）的响应式布局。IE8的后台修补程序修补程序

background-clip属性用于显示每个框之间的假边距，以便在调整浏览器大小时，边距保持不变。

我很努力地找到一个黑客/修复，以获得此属性在IE8中工作。我曾尝试Pie HTC，但这似乎并未影响盒子。

这里是我的问题在IE8一个基本的jsfiddle：http://jsfiddle.net/MgcDU/4393/

2013-05-17 dclawson

不幸的是IE6，IE8不支持圆角边框。相反，你需要使用类似CSS3PIE的东西。然而

IE9确实明白

border-radius

这里是一个快速一步一步的（这是一个非常简单的，高层次的样本。

下载CSS3PIE在http://css3pie.com/download-latest
保存您网站根目录下的.htc文件
假设您有一个带有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。

来源

2013-05-17 10:01:06

我想你误解了我的问题。我不想绕过角落。我想在盒子上使用'background-clip：content-box'来考虑'假'边缘。 – dclawson

好的，好吧...我会给出解决方案 –

没关系，我通过添加一个内部div并设置背景和div.box为透明！

谢谢。

来源

2013-05-17 10:53:52 dclawson

，这意味着它没有适当的解决方案吗？ – Imran

IE8的后台修补程序修补程序

回答

相关问题