[英]Rounded corners not working for image button in IE
我无法在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。
我冒昧地猜测您正在以一种兼容模式运行IE11,以使其破坏像边界半径这样简单的内容。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.