我用下面的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 Harry

使用Web Developer（https://addons.mozilla.org/en-US/firefox/addon/60/）在Firefox中即时编辑CSS。尝试按下Shift + Refresh按钮强制高速缓存绕过。 – stagas 2010-06-01 08:46:35

对我来说，给定一个背景或'＃key'的边框让你可以看到角落。 – bobince 2010-06-01 09:14:46

为#key元素指定背景或边框？

来源

2010-06-01 08:45:24 beseku

我的网页包含谷歌地图，所以我也更改了id的名称incase #key被google maps api使用。增加了背景颜色和填充：0也是。谢谢 – Harry 2010-06-05 09:14:06

键{

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; 
}

你应该使用边框或背景这一点。

来源

2010-06-02 13:02:49

不错的问题Harry;

这可能是因为我们添加了两行。 Firefox 14可能喜欢css中的所有四个角落。

替换2行
-moz-border-radius-topleft：8px;
-moz-border-radius-topright：8px;

4行
border-left-left-radius：18px;
border-right-right-radius：18px;
border-bottom-left-radius：0px;
border-bottom-right-radius：0px;

您例如：

键

{
宽度：290px;
margin：0 auto;
border：4px solid＃000;
ackground-color：＃EE7621;
border-top-left-radius：18px;
border-right-right-radius：18px;
border-bottom-left-radius：0px;
border-bottom-right-radius：0px;
padding：5px 0 0 15px;
}

的jsfiddle例如：
http://jsfiddle.net/ccatto/7zAXC/

我们也可以使用的CSS的class和id：http://jsfiddle.net/dFTMh/。

Thx;

来源

2012-08-20 14:24:30 Catto

火狐边境半径不显示

回答

键{

相关问题