Css IE8的背景剪辑修复
我正在使用Css IE8的背景剪辑修复,css,internet-explorer-8,responsive-design,Css,Internet Explorer 8,Responsive Design,我正在使用背景剪辑:内容框在方形盒子的响应布局上(地铁风格) 背景剪辑属性用于在每个框之间显示假边距,以便在调整浏览器大小时,边距保持不变 我正在努力找到一个黑客/修复程序,让这个属性在IE8中工作。我试过派HTC,但这似乎没有影响到盒子 以下是我在IE8中的一个基本问题:不幸的是,IE6-IE8不支持圆角边界。相反,您需要使用类似CSS3PIE的东西 然而IE9并不理解 border-radius 这是一个快速的步骤(这是一个非常简单的高级示例) 下载CSS3PIE 将.htc文件保存在站
背景剪辑:内容框代码>在方形盒子的响应布局上(地铁风格)
背景剪辑
属性用于在每个框之间显示假边距,以便在调整浏览器大小时,边距保持不变
我正在努力找到一个黑客/修复程序,让这个属性在IE8中工作。我试过派HTC,但这似乎没有影响到盒子
以下是我在IE8中的一个基本问题:不幸的是,IE6-IE8不支持圆角边界。相反,您需要使用类似CSS3PIE的东西
然而IE9并不理解
border-radius
这是一个快速的步骤(这是一个非常简单的高级示例)
下载CSS3PIE
将.htc文件保存在站点的根目录中
假设您有一个id为foo的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);`
#foo{宽度:500px;高度:200px;背景:蓝色;-moz边框半径:12px;/*FF1-3.6*/
-webkit border radius:12px;/*Saf3-4,iOS 1-3.2,Android没关系,我通过添加一个内部div并在其上设置背景和div.box
为透明来解决这个问题
谢谢。我想你误解了我的问题。我不想拐弯抹角。我想在框上使用背景剪辑:内容框
,以允许“假”边距。好吧……我会给出解决方案,这意味着没有合适的解决方案?