IE中的CSS曲线边框不工作

IE中的CSS曲线边框不工作,css,Css,Curve border正在Firefox、Google Chrome上工作,但没有在IE上工作?你知道如何让它工作吗 -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:92px; -moz-border-radius-topleft:92px; -moz-border-radius-topright:2px; -webkit-border-bottom-left-radius: 2px; -webkit-bord

Curve border正在Firefox、Google Chrome上工作,但没有在IE上工作?你知道如何让它工作吗

-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:92px;
-moz-border-radius-topleft:92px;
-moz-border-radius-topright:2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 92px;
-webkit-border-top-left-radius: 92px;
-webkit-border-top-right-radius: 2px; 

不幸的是,IE6-IE8不支持圆形边界。相反,你需要使用类似的东西

然而,IE9并不理解边界半径

进一步更新以评论它“不起作用”-这里是一个快速的步骤(这是一个非常简单的高级示例)

  • 下载CSS3PIE
  • 将.htc文件保存在站点的根目录中
  • 假设您有一个id为foo的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+ */  }
    
    #foo{宽度:500px;高度:200px;背景:蓝色;-moz边框半径:12px;/*FF1-3.6*/
    
    -webkit边框半径:12px;/*Saf3-4,iOS 1-3.2,Android不幸的是,IE6-IE8不支持圆形边框。相反,您需要使用类似的工具

    然而,IE9并不理解边界半径

    进一步更新以评论它“不起作用”-这里是一个快速的步骤(这是一个非常简单的高级示例)

  • 下载CSS3PIE
  • 将.htc文件保存在站点的根目录中
  • 假设您有一个id为foo的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+ */  }
    
    #foo{宽度:500px;高度:200px;背景:蓝色;-moz边框半径:12px;/*FF1-3.6*/
    
    -webkit border radius:12px;/*Saf3-4,iOS 1-3.2,Android它只能在IE9中工作,您必须使用CSS3标准


    -moz
    -webkit
    永远不会在IE中工作,因为它们用于其他渲染引擎。

    它只在IE9中工作,您必须使用CSS3标准


    -moz
    -webkit
    将永远无法在IE中工作,因为它们用于其他渲染引擎。

    使用创建曲线边框。在photoshop中ping图像并使用它….因为边框半径左下角、边框半径右下角等在ie6-8中不起作用…只有边框半径属性在….

    background-color: #E8EDEF;
        border-radius: 10px 10px 10px 10px;
        display: block;
        margin-left: 78px;
        width: 591px;
    behavior: url(pie/PIE.htc);
    
    边界半径右下角*/不适用于ie6-8


    使用制作曲线边框。在photoshop中ping图像并使用它….因为边框半径左下角、边框半径右下角等在ie6-8上不起作用…只有边框半径属性在….中起作用

    background-color: #E8EDEF;
        border-radius: 10px 10px 10px 10px;
        display: block;
        margin-left: 78px;
        width: 591px;
    behavior: url(pie/PIE.htc);
    
    边界半径右下角*/不适用于ie6-8


    以防万一:在IE9之前,没有对
    边界半径的原生支持。这里有一些东西可以帮助旧版本:
    -moz
    表示Mozilla(Firefox)特定的属性,
    -webkit
    表示webkit(Safari等)特定属性,这两种属性都不受IE支持。啊……这些天来,孩子们都是在他们奇特的裤子浏览器中长大的……回到过去,我们必须通过图像和大量表格来实现这一点。;)以防万一:在IE9之前,没有对
    边界半径的原生支持。这里有一些东西可以帮助旧版本:
    -moz
    表示Mozilla(Firefox)特定的属性,
    -webkit
    表示webkit(Safari等)特定属性,这两个属性都不受IE支持。啊..现在的孩子们都是在他们的长裤浏览器中长大的…回到以前,我们必须用图像和大量表格来实现这一点。;)当我试图通过添加“border top left radius”来指定使用wich border时,还有一件事它不会弯曲it@sally-此语法不适用于CSS3PIE-请参阅此论坛帖子-基本上您可以使用简写版(边框半径:0 5px 0 0;(左上、右上、右下、左下))当我尝试通过添加“边框左上半径”来指定使用wich border时,还有一件事它不会弯曲it@sally-此语法不适用于CSS3PIE-请参阅此论坛帖子-基本上您可以使用简写版(边框半径:0 5px 0 0;(左上、右上、右下、左下))