Inline stretchy button with CSS background image

Question

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

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

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

Среди прочего, я уже пробовал варианты на sliding doors technique, но не могу заставить его работать, поскольку решение должно работать inline (т. Е. Внутри абзаца), и я не могу установить фиксированную ширину.

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

Answer 1

Да, для этого вам, вероятно, нужно сделать image buttons.

Answer 2

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

Answer 3

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

Answer 4

Как и в будущем, here's a page on CSS button styling.