【问题标题】:Trigger css background image position when hovering over parent div悬停在父div上时触发css背景图像位置
【发布时间】:2012-07-28 00:48:20
【问题描述】:

我有一个问题,如何通过将鼠标悬停在父div上来触发子div的背景位置转换?

我没有找到任何关于这个问题的答案,特别是与背景定位有关。

自从 3 天以来,我试图用 CSS 触发这种转换,但是当将鼠标悬停在父 div 上时它不起作用,只有孩子。

感谢您的帮助。

【问题讨论】:

    标签: css triggers background-image css-transitions


    【解决方案1】:

    准备好一些很棒​​的伪代码

    parent:hover child {
        transition code;
    }
    

    这是我认为您想要的演示: http://jsfiddle.net/wCHRG/

    【讨论】:

    • 对不起,它对我不起作用 :( 我添加了转换代码,但什么也没发生。我编辑了我的帖子,所以你现在可以看到我是如何做到的。
    • 试试小提琴,这是你想要的吗?
    • 谢谢你,我会试试的。在最坏的情况下,我会在我的网站上上传一个效果示例,以防万一。如果我错误地实现了你的代码,我会试试看。
    • 我刚刚意识到,您正在设置过渡到背景位置,但您没有设置要过渡到的位置
    【解决方案2】:

    好的,我“认为”这可以满足您的需求... http://jsfiddle.net/wCHRG/3/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-09-01
      • 1970-01-01
      • 2014-07-20
      • 2019-04-17
      • 1970-01-01
      • 2015-07-18
      • 1970-01-01
      • 2011-09-12
      相关资源
      最近更新 更多