我正在使用下面的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中,它在刷新后不会显示。有什么想法我应该先看哪里?谢谢
发布于 2010-06-01 16:45:25
是否为#key元素指定背景或边框?
发布于 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;
}
为此,您应该使用边框或背景。
发布于 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;
https://stackoverflow.com/questions/2948309
复制相似问题