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

发布于 2024-10-14 10:34:48 字数 97 浏览 1 评论 0原文

我知道如何使用背景图像及其在锚元素上的位置(使用:hover)。据我了解,ie6 不支持 button:hover。怎样才能只用css来达到这样的效果呢?

I know how to use background images and their position on an anchor element (using :hover). It's my understanding that ie6 doesn't support button:hover. How can I achieve this effect using only css?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

忱杏 2024-10-21 10:34:48

IE6 仅支持锚元素上的 :hover 伪类。这意味着,就像其他一切一样,如果你想达到这种效果,你就必须发挥一点创意。

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

然后,您可以使用看起来与按钮背景相同的背景图像,并设置锚标记以使用具有正确固定宽度的背景图像,或者(未经测试,因此不确定这一点)尝试将按钮包裹在锚中标签。

IE6 only supports the :hover pseudo class on anchor elements. That means, just like everything else, you have to get a bit creative if you want to achieve this effect.

You'd possibly achieve a hack of this by starting with using conditional comments to include an IE6-specific style sheet for your page / site.

You could then either use a background image that looks the same as your button's background and set an anchor tag to use that background image with the image's correct fixed width, or (untested so not sure about this one) try wrapping the button in an anchor tag.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文