【问题标题】:CSS - button element rollover (not anchor element)CSS - 按钮元素翻转(不是锚元素)
【发布时间】:2011-06-16 02:46:34
【问题描述】:

我知道如何使用背景图片及其在锚元素上的位置(使用 :hover)。据我了解,ie6 不支持button:hover。如何仅使用 css 实现此效果?

【问题讨论】:

  • 只是一个评论:现在不值得你花时间担心 IE6 的兼容性。如果用户使用的是 IE6,我怀疑他们是否有兴趣看到悬停效果。
  • 请澄清:您是否提到您知道 IE6 不支持它表示您不在乎它是否支持它,或者表明您正在寻找一种方法来做到这一点IE6?

标签: css button internet-explorer-6 hover


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 2016-06-10
    • 2013-06-05
    • 1970-01-01
    • 2017-01-25
    • 2019-05-15
    • 2022-01-26
    • 1970-01-01
    • 2016-02-15
    • 1970-01-01
    相关资源
    最近更新 更多