Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Спряженные/закругленные углы для div'a


Автор: Deg 24.12.2009, 19:50
Приветствую, господа!

Говорят, что при помощи Javascript можно сделать спряженные углы ДИВ-у или другому элементу... Всякие jquery.corner.js не подходят

Нужно что-то подобное этому, но кросс-браузерное:
Код

.roundedcorners {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #000;
}


...в результате чего на Мозилле и Сафари создаются спряженные углы радиусом в 5 пиксов и толщиной бордюра в 1 пиксель, черного цвета.

Подскажите, можно ли такое счастье сделать для других браузеров и, судя по всему, без CSS3?

Спасибо, господа.

Автор: Zuzzuk 25.12.2009, 01:01
На сколько я знаю, нельзя.
Попробуйте использовать VML для IE
Новая Опера по моему border-radius понимает.
Вот ссылка http://www.ad.by/vml-test/test.html

Автор: Deg 25.12.2009, 10:45
Спасибо, а как этот код с IE6?

Автор: Zuzzuk 25.12.2009, 16:34
Хорошо, VML с версии IE 5.5 работает.
Жаль что expressions в IE8 выключили, можно было бы описываться javascript'вый код (к примеру прибавление к innerHTML блоков - уголков ) и вызывать его через CSS, что дало бы более читабельный код, как мне кажется..

Автор: Deg 25.12.2009, 16:49
Спасибо, очень помог. Тема, считаю, закрыта!

Автор: Zuzzuk 25.12.2009, 20:24
Там видимо в том примере, какая то ошибка с кодом, в IE8 у меня на домашней не показывалось, (на рабочем специально IE6 что бы тестить), впроде пофиксил, пример смотреть тут - http://www.railf.ru/vml/index.htm

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)