Заоблени ъгли на елемент (кофти работа).

[gLaVoReZa]

Здравейте,

значи имам едно хоризонтално навигационно меню, четирите ъгъла на което трябва да бъдат заоблени. Това е лесна задача, но в моя случай има един проблем. Той е, че фонът на менюто, както и фонът и на елемента зад менюто трябва да може да се сменят и заоблените ъгли да си бачкат при всякакви комбинации. Това автоматично отхвърля всякакви варианти с изображения (дано да греша) и остава вариантът с CSS, но той пък не е удачен, защото няма достатъчно добра поддържа, а за това което правя съвместиместимостта е много приоритетна.

Какво да правя?

 

[adrian]

Заоблени ъгли с CSS 3 и http://css3pie.com/ и се поддържа от всички (като започнем с IE 6 и стигнем до IE 9), за останалите браузъри си ползвай префиксите -moz и -webkit

 

[gLaVoReZa]

Решението е добро, но не ми се ще да вкарвам цяла библиотека заради четири заоблени ъгъла, така че май ще го избегна. Благодаря за отделеното време.

В крайна сметка ми се струва най-лесно и най-рационално да го направя с някакви полупрозрачни PNG изображения.

Ако още някой има идеи и предложения, да каже.

 

[shashma88]

Не разбра. Няма нужда от библиотеки, просто слагаш това в края :

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

Ползвай това: http://border-radius.com/