Скругление углов

[Nanto]

Как же это всё достало!!! :dash:

Вместе нужных вещей в CSS вводят свисто-перделки, которые при этом не работают!

есть блок width:100%

в нём блок width:100%; height:40px;

внешний блок должен быть со скруглёнными углами. Как???

Фокс и Хром делает как надо, Опера опять выёживается! Никаких <img> - просто блок в блоке. Если даю отступы - всё нормально скруглённые углы пробиваются!

[Softlink]

И внутреннему блоку скругляйте нужные углы. Еще может помочь overflow:hidden;

[DStereo]

Так как внутренний блок находится по z оси выше, чем внешний, то он перекрывает внешний. Можно добавить overflow:hidden для внешнего или background:transparent для внутреннего. Или как сказал Softlink - скруглять углы и для внутреннего блока, так же как и для внешнего.

Edited January 21, 2012 by DStereo

[Nanto]

Там будет куча вложенных блоков - наличие которых будет меняться в зависимости от триггера...

Ну вот типичный пример:

http://jsfiddle.net/GmyYe/

В Фоксе, Хроме и даже в ИЕ9 - всё ок!

Опера фигню порет...

[lexxcode]

Там будет куча вложенных блоков - наличие которых будет меняться в зависимости от триггера...

Ну вот типичный пример:

http://jsfiddle.net/GmyYe/

В Фоксе, Хроме и даже в ИЕ9 - всё ок!

Опера фигню порет...

Это же опера))

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

вот такой вариант пируэт ушами с overflow и оперой не проканает к сожалению.

[SelenIT]

Можно вот так для чуть большей универсальности.