Скошенные уголки у элементов

[chiffenok]

Добрый день, я сейчас верстаю сайт для компании, и там часто встречаются такие скошенные уголки, при том элементы могут быть разного цвета я показала это на картинке ниже. Я сделала это псевдо элементами before и after, на фон них положила картинку с белым фоном что бы подходило в разных случаях, но может есть другое более универсальное решение?

[npofopr]

Вчера как раз человек на другом форуме спрашивал. И ему подсказали

http://jsfiddle.net/npofopr/3xQDc/

Edited November 1, 2012 by npofopr

[Int]

gif белый по краям и прозрачный посередине

[mrnobody]

Как сделать горизонтальное меню с наклоном?

[chiffenok]

Вчера как раз человек на другом форуме спрашивал. И ему подсказали http://jsfiddle.net/npofopr/3xQDc/

спасибо, буду иметь ввиду этот способ, в мозиле видны какие то странные артефакты, тут 2 проблемы http://jsfiddle.net/3xQDc/6/ уголок слева скрывает надпись, понятно что это можно решить падингом левым для текста но если нельзя ? z-index я поставила но это не помогло, и второе, там что то странное в ie9 твориться

gif белый по краям и прозрачный посередине

я так и сделала но не считаю это оптимальным способом

Как сделать горизонтальное меню с наклоном?

спасибо этот способ наилучший

Edited November 1, 2012 by chiffenok

[wwt]

Можно с помощью псевдоэлементов и бордеров http://jsfiddle.net/z27hP/

[chiffenok]

спасибо) тоже интересный метод) но не будет подходить если фон на сайте не однородный

[Great Rash]

Можно еще вот так извратиться.

UPD: топик не читай@сразу отвечай

это я себя бичую

[chiffenok]

Можно еще вот так извратиться.

UPD: топик не читай@сразу отвечай

это я себя бичую

зато вы мне показали что метод wwt можно использовать и с разноцветным фоном

upd: но зато его нельзя использовать при не фиксированной высоте)

Edited November 1, 2012 by chiffenok

[chiffenok]

кстати если фон у кнопки градиентом как в моем случае , то вариант с бордерами не подходит, а так же в случае если тект может меняться , и быть в одном случае в одну строку в другом в 2 строки