2011-01-03 3 views
0

Я использую этот кодЗапуск CSS Прямоугольник свойство в разных браузерах

-moz-border-radius: 15px; 
border-radius: 15px; 

Для создания прямоугольной формы с помощью CSS. Он отлично работает в Mozilla FireFox, но он не работает в Internet Explorer или других браузерах. Если у вас есть решение, пожалуйста, помогите мне. Благодарю.

+0

Вы имеете в виду закругленные прямоугольники? –

+0

Вы имеете в виду прямоугольную форму с закругленными углами, правильно? –

ответ

1

Используйте это:

-moz-border-radius: 15px; 
border-radius: 15px; 
-webkit-border-radius: 15px; /*for webkit based browsers..*/ 

В IE9, граница радиуса работы (в меру моих знаний, я считаю) ..

Для предыдущих версий IE, просто пройти через это ссылка: http://jonraasch.com/blog/css-rounded-corners-in-all-browsers и это: http://code.google.com/p/curved-corner/

Copy-склеивание с этого сайта:

.rounded-corners { 
    behavior: url(/css/border-radius.htc); 
    border-radius: 15px; 
} 

Вы можете найти файл здесь: http://code.google.com/p/curved-corner/downloads/detail?name=border-radius.htc

1

Try:

-moz-border-radius: 15px; /* FF1+ */ 
-webkit-border-radius: 15px; /* Saf3-4 */ 
border-radius: 15px; /* Opera 10.5, Saf5, Chrome */ 

Для IE: До IE 9 это не поддерживается

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