image - 边界半径 Safari

Question

我正在制作一个横幅，人们可以在其中上传图片。

在上传之前，您会看到图像。只需一个标准的 html 代码

<div id="box"><img src="blah blah" /></div>

的CSS：

div {
    width:370px;
    height:204px;
    position:relative;
    overflow:hidden;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

图像将适合 div id="box" 成功。如果你能看到我使用了border-top-left-radius 和right-radius：这在Firefox 和Chrome 中非常有效。但在 Safari 中它不起作用。

示例：
这是Chrome和Firefox。您可以看到图像将适合屏幕并且在顶部有一个很好的边框半径。

这是Safari。您会看到图像顶部没有边框半径。我不知道问题所在。

为此，我还尝试使用：

-webkit-

但这也没有用。有人知道如何为 safari 解决这个问题吗？

Answer 1

请更新下面的css并检查.....并根据您的要求进行必要的更改..

希望这能解决你的问题

div {
    width:370px;
    height:204px;
    position:relative;
    overflow:hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
}

如果您的问题已解决，请标记答案...

Answer 2

这就是你所需要的：

div {
width:370px;
height:204px;
position:relative;
overflow:hidden;
border-radius: 7px 7px 0 0;
}

把事情简单化。:-)