скруглённые уголки

[Rilo]

таким стилем можно задать скруглённые уголки. но они НЕ будут скруглёнными в IE 8.

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

а вот на ЭТОЙ странице уголки скруглённые даже в IE 8.

Как это сделать?

[buddah]

Рисунками.

[Mr.Black]

Можно и использовать css3-pie для кроссбраузерности в IE

[psywalker]

Можно и использовать css3-pie для кроссбраузерности в IE

Да, и заработать геморрой на задницу.

[klierik]

согласно разметки и стилей:

.cornerz, .cornerz B {
    background-image: url("../i/x-4-4.png?v=1");
}

они были сделаны картинками.

[gimmer]

Можно и использовать css3-pie для кроссбраузерности в IE

Да, и заработать геморрой на задницу.

А в чём именно выражается этот геморрой? Я довольно часто использую PIE, единственное, частенько приходится указывать position: relative для скруглнных блоков.

А в общем, хорошая экономия, не нужно картинками загромождать всё.

[psywalker]

Можно и использовать css3-pie для кроссбраузерности в IE

Да, и заработать геморрой на задницу.

А в чём именно выражается этот геморрой? Я довольно часто использую PIE, единственное, частенько приходится указывать position: relative для скруглнных блоков.

А в общем, хорошая экономия, не нужно картинками загромождать всё.

1. Перебивание работы JS

2. Невозможная работа с динамикой

3. Баги в IE6-7, связанные с непонятными отступами, в связи с чем нужны дополнительные обёртки.

И это только начало, но мне этого уже выше головы хватает, чтобы отказаться от него в пользу старых, надёжных обёрток.

[Azadi]

CSS3PIE хорош тогда, когда кровь из носу нужно рисовать скругленные уголки у блока неизвестных размеров на неоднородном фоне и с неоднородным фоном внутри. Ну т.е. чтобы самому не писать VML, а предоставить это данной библиотеке. Если пользовать PIE с умом и очень очень осторожно, то проблем с отображением не будет, но тормозов при перерисовке страницы прибавится в разы.

[Shift-Web]

>> CSS3PIE хорош тогда,

Я долго с ним мучался и нашёл, что применение весьма ограниченное. Порой вылазят весьма неприятные баги. Кроме того, все свойства, которые PIE пытается эмулировать работают далеко не так, как это должно быть.

Например border-radius и box-shadow отрабатываются примерно одинаково. При этом цветом бордюра или тени накрывается вся площадь задника элемента. Кроме тормозов, можно забыть о применении полупрозрачных фонов и свойстве position: absolute.

Кроме того с динамикой есть тоже ряд проблем. Использовать можно очень осторожно и на малом числе элементов.

Кстати, IE 9 после достижения потолка по CSS3 валится в ступид. К примеру облако из 30-40 меток, каждая с border-radius.

[ShumNo]

А еще лучше просто забить на ie8

[Shift-Web]

А еще лучше просто забить на ie8

Лучше ... но всё таки, хотелось бы не забивать. И обёртки не красиво, но раз выбора нет в некоторых ситуациях, то как бы и говорить видимо не о чем )

А есть ещё какие то варианты? С JS есть, но там краи рубленные и много навески.

Edited May 30, 2011 by Shift-Web

[ShumNo]

Картинкой картинка работает во всех браузерах даже в IE первой версии