2010-08-10 3 views
2

Я пытался использовать закругленные углы в IE7, используя класс «ui-corner-all» jQuery. Так выглядит моя страница.Круглые углы в IE с помощью ui-corner-all

<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> 

Но, я не могу получить эффект закругленных углов. Я здесь что-то не так? Я также пытался включить файл smoothness.css jQuery, но все равно ничего не работало!

+0

Вы указали doctype? –

+0

Да, я это указал. – Mayur

+0

http://www.filamentgroup.com/lab/achieving_rounded_corners_in_internet_explorer_for_jquery_ui_with_dd_roundi/ – Faber75

ответ

9

.ui-corner-all - класс CSS в jQuery UI CSS framework, он не только доступен. Даже тогда ... это не работает в IE < 9 :)

Если вам необходимо поддерживать IE < 9, вы можете посмотреть на jQuery Corner plugin.

You can see what various IE versions support here. Соответствующая часть не поддерживает border-radius. Это (наряду с пользовательскими версиями mozilla и webkit перед спецификацией) - это то, что классы .ui-corner-xxx используют для округления углов CSS.

Смежные вопросы