16:33

this is the fucking same
Доброго времени суток!
Возник такой вот вопрос: можно ли с помощью CSS сделать скругленые края у элементов, скажем, у выпадающих блоков меню?
читать дальше

@темы: меню, diaryCSS, основные блоки, платный сервис

Комментарии
11.04.2010 в 16:40

Cogito ergo sum
углы делаются в фотошопе и помещаются фоном в блок меню.
11.04.2010 в 16:45

Можно, но большинство браузеров этого не видят
11.04.2010 в 16:48

today is yesterday's tomorrow
насколько я знаю это делается в фш :hmm: и потом в background вставляется
11.04.2010 в 17:02

this is the fucking same
Получается, это нужно делать с помощью background-position?
Каким же образом это прописать для 4 углов и так, чтобы основная фоновая картинка их не перекрыла... :confused:
11.04.2010 в 17:09

[Rokudo Mukuro] если меню выпадающее конкретно списку. Вроде ничем перекрываться не будет
div .menuSection ul
11.04.2010 в 17:10

молодой динамично развивающийся
Способ 1 (CSS3):
нужному элементу присваивается свойство border-radius
Браузеры, точно поддерживающие эффект: последние версии Firefox, Opera, Chrome и Safari
Существующие версии IE эффект не поддерживают (придется подождать где-то год)

Способ 2: фон
Берете нужный блок, устанавливаете ему ширину и высоту, затем рисуете с такими же параметрами фоновую картинку со скругленными углами.

Если по высоте блок фиксировать нельзя, но у него есть контейнер, не содержащий других похожих блоков (например), то можно сделать две картинки: верхние два уголка и два нижних, и контейнеру поставить один фон, а самому блоку - другой.


Есть и другие способы, но на дайри они в 99% случаев неприменимы.
11.04.2010 в 17:29

this is the fucking same
Шельн
Чудеснов
Большое спасибо!
11.04.2010 в 18:09

молодой динамично развивающийся
во смотри чо нашел
www.roundedcornr.com/
11.04.2010 в 18:21

“To be good is not enough when you dream of being great.”
Вот сайт для генерации кода css3generator.com/
Там не только скругленные углы можно посмотреть :)
11.04.2010 в 20:08

this is the fucking same
Ого, какие здоровские штуки.) Спасиба.)