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

火狐邊境半徑不顯示

回答

鍵{

相關問題