Firefox边框半径未显示
Firefox边框半径未显示
提问于 2010-06-01 16:41:30
我正在使用下面的css
#helper{
position:absolute;
bottom:0;
width:100%;
}
#key{
width:950px;
margin:0 auto;
z-index:2;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
}
<-- inside body -->
<div id="helper">
<div id="key">SHould be rounded top corners?</div>
</div>然而，在Firefox中，它在刷新后不会显示。有什么想法我应该先看哪里？谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2010-06-01 16:45:25
是否为#key元素指定背景或边框？
Stack Overflow用户
发布于 2010-06-02 21:02:50
密钥{
width:950px;
margin:0 auto;
z-index:2;
border:1px solid #000;
background-color:#F00;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
}为此，您应该使用边框或背景。
Stack Overflow用户
发布于 2012-08-20 22:24:30
问得好，哈利；
这可能是因为我们添加了两行。火狐14可能喜欢css中的所有四个角。
替换2行
-moz-border-radius-topleft:8px；
-moz-border-radius-topright:8px；
有4行
边框左上角半径:18px；
边框右上角半径:18px；
边框-左下-半径:0px；
边界-右下角-半径:0px；
对于您的示例：
钥匙
{
宽度:290px；
页边距:0自动；
边框:4px实体#000；
背景颜色：#EE7621；
边框左上角半径:18px；
边框右上角半径:18px；
边框-左下-半径:0px；
边界-右下角-半径:0px；
填充:5px 0 0 15px；
}
jsfiddle示例：
http://jsfiddle.net/ccatto/7zAXC/
我们也可以使用css作为一个类和id：http://jsfiddle.net/dFTMh/。
Thx；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2948309
复制相关文章
相似问题
腾讯云开发者
