我想要一段精确的代码来获得此页面的圆角http://www.freecsstemplates.org/preview/fotofolium/。当我使用PIE.htc文件时，它只在声明位置时工作：relative;到处都是我用它&这是令人不安的布局。有人可以建议没有该模板的位置属性的代码。没有相对位置的圆角

我没有给moz & webkit，但它在safari，chrome等其他工作。我只给了

border-radius:5px; 
behavior: url("PIE.htc"); 
position: relative;

使它在每个浏览器中都能正常工作。它不工作只能在IE中，如果我删除位置属性，即使PIE.htc.I使用MOZ，WebKit的边境盒，也许因此与FF，歌剧等

来源

2012-06-02 Sai Sasdhar

[边框RADUIS]（HTTP：// WWW .css3.info /预览/圆角边框/）？ – Vidul

使用干活border-radius

因为IE不支持border-radius，可以使用CSS3 PIE。这就是PIE.htc的来源。

来源

2012-06-02 10:57:57 Puyol

您可以为所有浏览器设置圆角的CSS声明，并对旧版本的Internet Explorer使用HTC。

Working example对于带圆角的div 否position设置！

CSS

.curved { 
    -moz-border-radius:10px;  /* Firefox */ 
    -webkit-border-radius:10px;  /* Safari and chrome */ 
    -khtml-border-radius:10px;  /* Linux browsers */ 
    border-radius:10px;    /* CSS3 */ 
    behavior:url(border-radius.htc) /* Internet Explorer */ 
} 

.menu_buttons { 
    margin: 40px; 
    width: 100px; 
    line-height: 1.1em; 
    float: left; 
    vertical-align: middle;  
    cursor: pointer; 
    text-align: center; 
    font: 0.9em Arial, Helvetica, sans-serif; 
    color: #fff; 
    background-color: pink; 
    border: 1px solid red; 
}

实例HTML

<div class="menu_buttons curved">.menu_buttons element</div>

下载border-radius.htc，并检查了CSS curved corner Demos and Page。

测试的

的Windows XP Profissionalversão2002 Service Pack 3的

的Internet Explorer 8.0.6001.18702
歌剧11.62
火狐3.6.16
Safari浏览器5.1.2
谷歌浏览器18.0.1025.168米
K-Meleon的1.5.4

Windows 7家庭版Service Pack 1

的Internet Explorer 9.0.8112.164211C
歌剧11.62
Firefox 12.0
Safari 5.1.4
Google Chrome 18.0.1025。168米

Linux操作系统Ubuntu 12.04

火狐12.0
铬18.0.1025.151（显影剂构建130497的Linux）

来源

2012-06-02 11:36:29 Zuul

你的例子工作正常（除了背景颜色缺少变黑），但我不知道为什么当我给你编辑代码时它不工作。 –

没有相对位置的圆角

回答

测试的

相关问题