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
    为透明来解决这个问题


    谢谢。

    我想你误解了我的问题。我不想拐弯抹角。我想在框上使用
    背景剪辑:内容框
    ,以允许“假”边距。好吧……我会给出解决方案,这意味着没有合适的解决方案?