css - 带有 CSS 背景图像的内联可拉伸按钮

Question

任何人都知道是否有一种防弹（符合 XHTML1.1 严格标准、跨浏览器、非 JavaScript）的方法来使用 CSS 和背景图像将内联 链接变成一个可视按钮，该按钮可以拉伸以适应不同数量的文本（或文本大小调整）？

我想我需要使用背景图像，因为设计师的按钮有圆角和不同颜色的边框。它必须在IE6（政府工作）中工作。

我很确定答案是否定的，但一如既往地认为它值得一试。

除其他事项外，我已经尝试过滑动门技术的变体，但无法使其工作，因为解决方案需要内联（即在一个段落内）工作并且我无法设置固定宽度。

编辑：有几个按钮，每个按钮都有不同的前景、边框和背景颜色。它们也有渐变的“面”，但不需要透明度或其他任何“非正统”的东西。不幸的是，我无法链接到示例，因为我处于 NDA 之下。

Answer 1

我认为你不能在你的限制范围内做到这一点。问题是你只有一个元素，但要正确拉伸，你需要三个（未拉伸的左侧、拉伸的中心、未拉伸的右侧）。

Answer 2

我不确定这是否符合您的需求，但我在这篇文章中帮助了一个带有可悬停圆形按钮的人......它只使用 HTML 和 CSS。

Answer 3

是的，您可能需要为此制作图像按钮。

Answer 4

顺便说一句，这里有一个关于 CSS 按钮样式的页面。