CSS - 按钮元素翻转(不是 anchor 元素)

Question

我知道如何使用背景图像及其在 anchor 元素上的位置(使用 :hover)。我的理解是 ie6 不支持 button:hover。如何仅使用 css 实现这种效果？

Answer 1

IE6 只支持 anchor 元素上的 :hover 伪类。这意味着，就像其他所有事情一样，如果您想达到这种效果，就必须有点创意。

您可能会通过使用条件注释开始为您的页面/站点包含 IE6 特定样式表来实现这一点。

然后，您可以使用看起来与按钮背景相同的背景图像，并设置 anchor 标记以使用该图像的正确固定宽度的背景图像，或者(未经测试，因此不确定)尝试包装按钮在 anchor 标记中。