Question

这让我疯了 - 我无法将图像放在src =“”中，因为border-radius会失败。所以，我把它移到了背景：url（），但是Safari继续将这个恼人的边界推向我的脸。我怎么能摆脱它？？！

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

Answer 1

您确定边界半径吗？这对我有用：

<!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浏览器。

Answer 2

如果你想摆脱CSS文件中的边框设置，请执行以下操作：将所有图像设置为无边框

img {border:none}

或使用CSS类

img.nobrdr {border:none}

或像这些

那样指定容器

#container img {border:none}

.container img {border:none}

还指定容器内的类

.container img.nobrdr {border:none}