我在製作人們可以上傳圖片的橫幅。Border-radius Safari
在上傳之前,您會看到圖像。只需一個標準的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?
我試過這個,但它沒有工作的例子,如果你有野生動物園http://jsfiddle.net/DennisBetman/ZfnPS/ @Javal Patel – 2013-05-08 09:20:10