圆角不适用于IE中的图片按钮

Question

I can`t get this rounded cornes work for image buttons in IE. 我无法在IE中使用这种圆形的角膜来处理图像按钮。 It's working in other browsers, like Mozilla, Chrome and Opera, but not IE11. 它可以在其他浏览器（如Mozilla，Chrome和Opera）中运行，但不适用于IE11。

I have tried to get the rounded corners, with both CSS and ajaxcontroltoolkit: 我试图通过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>

The regular buttons work in IE11. 常规按钮可在IE11中使用。 Both CSS and Ajax. CSS和Ajax。

Answer 1

我冒昧地猜测您正在以一种兼容模式运行IE11，以使其破坏像边界半径这样简单的内容。

圆角不适用于IE中的图片按钮

问题描述

1 个解决方案

解决方案1
1 2016-06-10 18:04:49

圆角不适用于IE中的图片按钮

问题描述

1 个解决方案

解决方案1 1 2016-06-10 18:04:49

解决方案1
1 2016-06-10 18:04:49