Лучшие CSS-кнопки, которые являются кросс-браузерными, изящно деградируют и работают над вводом или ссылкой

Question

Я видел много удачных попыток использования CSS-кнопок (например, http://ubuwaits.github.com/css3-buttons/)

Но я еще не видел ни одной версии, которая была бы безопасна для использования в производстве и соответствует всемследующие требования:

• Хорошо смотрится во всех современных браузерах
• Изящно ухудшается в старых браузерах вплоть до IE7 (бонус, если IE6) - не волнует, выглядят ли они так же хорошо,до тех пор, пока они не являются заметно плохими
• одинаково хорошо работает с тегом ввода (кнопка отправки) или ссылкой (тегом)

Какие из них лучше всего используются впроизводство

Answer 1

Лучше все же использовать спрайты CSS.Это включает в себя помещение всех состояний кнопки в один файл изображения и установку его в качестве свойства background-image.При изменении положения фонового изображения в различных состояниях (активном, при наведении) изображение, по-видимому, переключается, когда фактически все, что он делает, это меняет положение.Учебник по спрайтам css Google для большего.

Также ваша панель навигации или список должен быть неупорядоченным списком, каждая кнопка которого является элементом

.Это ухудшает лучше всего.

Answer 2

Используйте jquery UI - вам не нужно использовать их javascript, чтобы сделать их кнопками - вы можете просто использовать классы, и все они будут красивыми и блестящими!:)

См. примеры кнопок

они действительно хорошо разлагаются, и они используют, что означает, что вы также можете иметь хороший HTML-контент;).Также означает, что вы можете иметь полностью настраиваемые кнопки, используя themeroller

см. ссылка themeroller