IE и Chrome jQuery и проблема поддержки CSS

Question

Я разработал небольшой сайт, который использует:

    -webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

для создания тени и радиуса на ящиках.И $(".mainpage").show() Jquery функция для отображения нового контента, когда пользователь нажимает на какую-то ссылку.

Все эти коды работают в Firefox нормально.Но если я использую IE, граница и радиус не работают, а в Chrome вызов скрытого контента не работает.Должен ли я удалить все эти коды для поддержки всех браузеров или есть какой-то трюк для них?

Answer 1

IE не поддерживает CSS для закругленных углов, однако поддерживает тени.См. http://msdn.microsoft.com/en-us/library/ms533086(VS.85).aspx.

Я не знаю, что вы имеете в виду под "Chrome: вызов скрытого контента не работает".

Answer 2

IE 9+ будет поддерживать радиус границы, но до этого вам придется использовать трюки CSS для IE