代码之家  ›  专栏  ›  技术社区  ›  JiminyCricket

滚动时背景色更改在IE、FF中不起作用

  •  0
  • JiminyCricket  · 技术社区  · 14 年前

    这似乎很简单,我不明白为什么它不工作…我想改变一个DIV的背景图像时,滚动它。它可以在mac上的chrome和FF上运行,但不能在PC上运行FF

    CSS-/媒体/CSS/我的标准.css

    div.flipper {background-color: #FFFFFF;}
    div.flipper:hover {background-color: #F8FBFE;}
    

    <HTML> <HEAD> <link rel="stylesheet" href="/media/css/mystandard.css"/></HEAD><BODY>        
    <div class="flipper" >  
    hello stack overflow!               
    </div>
    </BODY></HTML>
    

    主题:鲶鱼

    3 回复  |  直到 14 年前
        1
  •  1
  •   cam    14 年前

    如果你必须使用 <div>

    $("div.flipper").hover(
      function() { $(this).addClass("hover"); },
      function() { $(this).removeClass("hover"); }
    );
    

    div.flipper {background-color: #FFFFFF;}
    div.hover   {background-color: #F8FBFE;}
    
        2
  •  1
  •   Catfish    14 年前

    并非所有浏览器都支持:hover pseudo属性,除了锚定标记 <a> . 你得把你的html改成

    <HTML><BODY> <HEAD> import CSS here </HEAD>     
    <div class="flipper" >
    <a href="#">  
    hello stack overflow!
    </a>               
    </div>
    </BODY></HTML>
    

    而你要做的就是

    div.flipper a{background-color: #FFFFFF;}
    div.flipper a:hover {background-color: #F8FBFE;}
    
        3
  •  0
  •   Sotiris Adrian J. Moreno    14 年前

    你的问题是你的css链接。你有 <link rel="stylesheet" href="/media/css/mystandard.css"/>

    用这个 <link rel="stylesheet" href="media/css/mystandard.css"/>