2010-12-06 76 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}