溢出隐藏在 Internet Explorer 11 中不起作用

Question

我需要在我的网站中将图像显示为圆形，所以我使用了溢出：隐藏在我的 css 代码中，它在其他浏览器中运行良好，但在 IE11 中不起作用。

上图是我在 ie 中的输出，我的 css 代码是

img-block {
/* position: relative; */
/* background-color: #f4f4f4; */
height: 200px;
overflow: hidden;
width: 100%;
text-align: center;
display: table;
font-size: 20px;

我的 HTML 代码是

<div class="img-block">
        <div class="img">
                                <img src="https://samugam.s3.us-east-2.amazonaws.com/profiles/44/1521531048.jpg" alt="Shamini">
                        </div>
    </div>

Answer 1

添加此样式

img {
    border-radius: 50%;
}

您需要添加border-radius以使图像呈圆形。