Border-radius Safari

Question

我在製作人們可以上傳圖片的橫幅。

在上傳之前，您會看到圖像。只需一個標準的HTML代碼

<div id="box"><img src="blah blah" /></div> 

的CSS：

div { 
    width:370px; 
    height:204px; 
    position:relative; 
    overflow:hidden; 
    border-top-left-radius: 7px; 
    border-top-right-radius: 7px; 
} 

的圖像將適合DIV ID = 「盒子」 succesfull。如果你能看到我使用border-left-left-radius和right-radius：這在firefox和Chrome中是完美的。但在Safari瀏覽器中它不起作用。

例：
這是鉻和火狐。你可以看到圖像適合屏幕，並在頂部有一個很好的邊界半徑。

這是Safari。您會看到圖像頂部沒有邊框半徑。我不知道這個問題。

對於我還試圖用：

-webkit- 

但也沒有工作。任何人都知道如何修復safari？

Answer 1

請更新下面的CSS和檢查.....並進行必要的修改，按您的requirmnet ..

希望這將解決您的問題

div { 
    width:370px; 
    height:204px; 
    position:relative; 
    overflow:hidden; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    border: 1px solid #D9D9D9; 
} 

請，如果你的問題就解決了馬克的回答...

Answer 2

這就是你需要：

div { 
width:370px; 
height:204px; 
position:relative; 
overflow:hidden; 
border-radius: 7px 7px 0 0; 
} 

保持它的SIM PLE。 :-)