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

Html 溢出隐藏在Internet Explorer 11中不起作用,html,css,Html,Css,我需要在我的站点中将图像显示为圆形,所以我使用了overflow:隐藏在css代码中,它在其他浏览器中运行良好,但在IE11中不起作用 上图是我在ie中得到的输出 我的css代码是 img-block { /* position: relative; */ /* background-color: #f4f4f4; */ height: 200px; overflow: hidden; width: 100%; text-align: center; display: table; font-s

我需要在我的站点中将图像显示为圆形,所以我使用了overflow:隐藏在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>

添加此样式

img {
    border-radius: 50%;
}

您需要添加
边框半径
,以使图像成为圆形。

感谢您提供CSS,但您能否同时提供相关的HTML?如果不了解现有页面的呈现方式,则很难回答此问题。如果您可以更新您的问题以在一个列表中列出所有相关代码,这将有所帮助。如果您的HTML是在服务器端生成的,请发布输出。有关更多信息,请参阅有关以下内容的帮助文章:)