Встроенная эластичная кнопка с фоновым изображением CSS

Question

Кто-нибудь знает, существует ли пуленепробиваемый (совместимый со стандартами XHTML1.1 строгий, кросс-браузерный, не JavaScript) способ использования CSS и фоновых изображений для превращения встроенной ссылки в визуальный кнопка, которая будет растягиваться для размещения различного количества текста (или изменения размера текста)?

Я думаю, мне нужно использовать фоновые изображения, так как кнопки дизайнера имеют закругленные углы с разноцветной рамкой. Он должен работать в IE6 (правительственная работа).

Я почти уверен, что ответ отрицательный, но, как всегда думал, стоит проверить.

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

РЕДАКТИРОВАТЬ: есть несколько кнопок, каждая из которых имеет свой цвет для переднего плана, границы и фона. У них также есть градиентное «лицо», но нет необходимости в прозрачности или чем-то еще «неортодоксальном». К сожалению, я не могу ссылаться на примеры, так как нахожусь под NDA.

Answer 1

Я не уверен, что это будет соответствовать вашим потребностям, но я помог кому-то с закругленными кнопками Hoverable в этом посте ... он использует только HTML и CSS.

Answer 2

Я не думаю, что вы можете сделать это в рамках ваших ограничений. Проблема в том, что у вас есть один элемент, но для правильного растяжения вам нужно three (не растянутая левая сторона, растянутый центр, нерастянутая правая сторона).

Answer 3

Так же, как и в будущем, вот страница, посвященная стилизации кнопок CSS .

Answer 4

Да, для этого вам, вероятно, нужно сделать кнопки с изображениями .