圆角不适用于 IE 中的图像按钮答案

【问题标题】：Rounded corners not working for image button in IE圆角不适用于 IE 中的图像按钮
【发布时间】：2016-06-11 02:04:49
【问题描述】：

我无法在 IE 中将这种圆角用于图像按钮。它适用于其他浏览器，例如 Mozilla、Chrome 和 Opera，但不适用于 IE11。

我尝试使用 CSS 和 ajaxcontroltoolkit 获得圆角：

    <style>
    body {
        background-color: green;
    }
    .RoundedElement {
        border-radius: 15px;
    }

    </style>

</head>
<body>
<form id="form1" runat="server">
<div>

        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>


        CSS<br />
            <asp:ImageButton ID="imgbtnCSS" CssClass="RoundedElement" runat="server"  ImageUrl="~/Bilder/1034.jpg" />
                        <br />
        AjaxControlToolKit:<br />
            <asp:ImageButton ID="imgbtnAjax" runat="server"  ImageUrl="~/Bilder/1034.jpg" />
                    <ajaxToolkit:RoundedCornersExtender ID="imgbtnAjax_RoundedCornersExtender" runat="server" BehaviorID="imgbtnAjax_RoundedCornersExtender" Radius="15" TargetControlID="imgbtnAjax" />
                            <br />
        CSS<br />
            <asp:Button ID="btnCSS" CssClass="RoundedElement" runat="server" Text="Button" />
                <br />
        AjaxControlToolKit:<br />
            <asp:Button ID="btnAjax" CssClass="RoundedElement" runat="server" Text="Button" />
                    <ajaxToolkit:RoundedCornersExtender ID="btnAjax_RoundedCornersExtender" runat="server" BehaviorID="btnAjax_RoundedCornersExtender" Radius="15" TargetControlID="btnAjax" />


</div>
</form>

常规按钮在 IE11 中有效。 CSS 和 Ajax。

【问题讨论】：

我们需要查看输出 HTML...ASP 在这里用处不大。

标签： html css asp.net ajaxcontroltoolkit

【解决方案1】：

我猜你是在其中一种兼容模式下运行 IE11，因为它会破坏像边界半径这样简单的东西。

【讨论】：

这对我来说是完全正确的情况......谢谢这个答案帮助了我