溢出隱藏在 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以使圖像呈圓形。