这使我疯狂 - 我无法将图像放在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