带有CSS背景图像的内联弹性按钮

Question

任何人都知道是否有防弹（符合XHTML1.1严格，跨浏览器，非JavaScript的标准）使用CSS和背景图像将内嵌链接转换为可伸缩的视觉按钮，以适应不同数量的文本（或文本大小调整）？

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

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

除此之外，我已经尝试了sliding doors technique的变体，但无法使其工作，因为解决方案需要内联工作（即在段落内）并且我无法设置固定宽度

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

Answer 1

我不确定这是否符合您的需求，但是我在this post帮助了一些可用的圆形按钮...它只使用HTML和CSS。

Answer 2

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

Answer 3

是的，你可能需要为此做image buttons。

Answer 4

将来，here's a page on CSS button styling。