這使我瘋狂 - 我無法將圖像放在src =「」中,因爲border-radius會失敗。所以,我把它移到了background:url(),但是Safari繼續把這個惱人的邊界推向我的臉。我怎樣才能擺脫它??!無法擺脫Safari的圖像邊框
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img style="width: 500px; height: 500px">
</body>
</html>
這使我瘋狂 - 我無法將圖像放在src =「」中,因爲border-radius會失敗。所以,我把它移到了background:url(),但是Safari繼續把這個惱人的邊界推向我的臉。我怎樣才能擺脫它??!無法擺脫Safari的圖像邊框
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img style="width: 500px; height: 500px">
</body>
</html>
你確定關於邊界半徑嗎?這個工作對我來說:
<!DOCTYPE html>
<html lang="en">
<body>
<img src="test.png" style="border-radius: 10px"/>
</body>
</html>
渲染:
的Safari 5.0.3(6533.19.4),默認的瀏覽器10.6.5。
如果你想擺脫邊框的設置在CSS文件中,這樣做:無國界 設置的所有圖像
img {border:none}
,或者使用一個CSS類
img.nobrdr {border:none}
或指定像這樣的容器
#container img {border:none}
.container img {border:none}
還指定了一個類這邊容器
.container img.nobrdr {border:none}
嗯,我看到它在Safari中的工作,但它在Opera中失敗...: - / – EspenA 2010-12-06 10:18:08