Question

我试图使用jQuery的“ui-corner-all”类在IE7中获得圆角。这就是我的页面的样子。

<html>
<head>
<script language="javascript" type="text/javascript" src="jquery.js"></script>

<script language="javascript" type="text/javascript">
    $(document).ready(function() {
         $('#btnSearch').addClass("ui-corner-all");
    });
</script>
</head>
<body>
<!--some code here-->
<asp:Button ID="btnSearch" Text="Search" runat="server" OnClick="btnSearch_Click" />
<!--some code here-->
</body>
</html>

但是，我无法获得圆角的效果。我在这里做错了吗？我也尝试过包含jQuery的smoothness.css文件，但仍然无效！

Answer 1

.ui-corner-all是jQuery UI CSS framework中的CSS类，它不仅仅是可用的。即使这样......它在IE中也不起作用＆lt; 9：）

如果您需要支持IE＆lt; 9，您可能需要查看jQuery Corner plugin。

You can see what various IE versions support here。相关部分是它不支持 border-radius 。这（以及规范之前的自定义mozilla和webkit版本）是.ui-corner-xxx类用于获取CSS圆角的内容。

使用ui-corner-all在IE中的圆角

1 个答案: