2010-12-06 112 views
0

這使我瘋狂 - 我無法將圖像放在src =「」中,因爲border-radius會失敗。所以,我把它移到了background:url(),但是Safari繼續把這個惱人的邊界推向我的臉。我怎樣才能擺脫它??!無法擺脫Safari的圖像邊框

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
<img style="width: 500px; height: 500px"> 
</body> 
</html> 

回答

0

你確定關於邊界半徑嗎?這個工作對我來說:

<!DOCTYPE html> 
<html lang="en"> 
<body> 
    <img src="test.png" style="border-radius: 10px"/> 
</body> 
</html> 

渲染:

in Safari

的Safari 5.0.3(6533.19.4),默認的瀏覽器10.6.5。

+0

嗯,我看到它在Safari中的工作,但它在Opera中失敗...: - / – EspenA 2010-12-06 10:18:08

0

如果你想擺脫邊框的設置在CSS文件中,這樣做:無國界 設置的所有圖像

img {border:none} 

,或者使用一個CSS類

img.nobrdr {border:none} 

或指定像這樣的容器

#container img {border:none} 

.container img {border:none} 

還指定了一個類這邊容器

.container img.nobrdr {border:none}