在IE中,圆角不适用于图像按钮

时间:2016-01-23 20:26:28

标签: html css asp.net ajaxcontroltoolkit

我不能让这个圆形的角落适用于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。

1 个答案:

答案 0 :(得分:1)

我猜测你在其中一种兼容模式下运行IE11会破坏像border-radius这样简单的东西。