2013-07-10 3 views
0

Мне нужна помощь о css.I нужны круглые углы в IE. Я пробовал много вещей, включали:Как добавить граничный радиус в IE7/8

behavior:url(border-radius.htc); 

или

behavior:url(PIE.htc); 

или

behavior:url(PIE.php); 

Но это не работает. Я не знаю, как это сделать, и я даже хочу сделать это с фоновым изображением.

+0

Для старых браузеров настоятельно рекомендуем использовать изображение вместо этого. – Raptor

+0

Лучший способ сделать это - использовать modernizr и посмотреть, поддерживается ли радиус границы. Когда вместо этого не используется изображение – koningdavid

+0

Я обнаружил, что css3pie слишком сильно замедляет работу в iE7, который является одним из браузеров, в которых я действительно нуждался в этом. Для закругленных углов я просто применяю подход «изящной деградации», поскольку они обычно не являются особенностью, которая UX действительно шарнирно привязана. – Faust

ответ

0

Опция, как уже упоминалось, представляет собой CSS3 PIE, которые работают над этой проблемой для вас и реализуют пограничный радиус в более старых версиях IE. Я использую это в нескольких проектах, и он работает очень хорошо.

проверка для более подробной информации

Emulating CSS3 border-radius and box-shadow in IE7/8

Благодарности

+0

Спасибо. Послушайте, я пишу так. .form { Поведение: url (PIE.htc); border-radius: 30px; 'и он не работает. Здесь что-то не так? – name

1

CSS3 пирог должен работать. Я бы проверял, что ваши пути верны. К сожалению, ничего раньше, чем IE9 не родное для закругленных углов

У вас есть несколько других вариантов

  • Используйте фоновое изображение или угловые изображения для каждого угла
  • Используйте плагин JQuery, как this one

Наконец-то я желаю вам удачи

0

На ваш вопрос ясно, что вы используете CSS3PIE.

Проблема в том, что вы не импортируете ее должным образом.

Из моего предыдущего ответа:

я тоже сталкивался с таким же вопросом и следующим была причина моей проблемы:

  • Я использовал неправильное позиционирование для моего DIV элемента.
  • Я искал неправильный путь behavior.

Из вашего кода проблема связана с неправильным направлением.
behavior: url(/owmw/web/css/PIE.htc);

FIX: Вместо этого попробуйте передать файл PIE.htc в папке CSS и сделать его похожим на behavior: url(PIE.htc);
или
использования behavior: url(owmw/web/css/PIE.htc);

Заканчивать behavior property.

Возможно, я ошибаюсь, но это решило мою проблему.

+0

@name где у вас есть файл 'PIE.htc'? – Praveen

+0

Спасибо за ответ, но мой путь прав. И каково должно быть мое позиционирование DIV? пытался дать абсолютное и относительное положение div. – name

+0

PIE.htc находится в крыше. Я использую wordpress, это в папке темы/двадцать четыре. Мой стиль.css также есть. – name

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