IE中的CSS曲线边框不工作
Curve border正在Firefox、Google Chrome上工作,但没有在IE上工作?你知道如何让它工作吗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
-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并不理解边界半径 进一步更新以评论它“不起作用”-这里是一个快速的步骤(这是一个非常简单的高级示例)
<div id="foo">Hello, I'm rounded</div>
你好,我是四舍五入
#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;(左上、右上、右下、左下))