0

这似乎很简单，我很困惑为什么它不工作......我想在滚动时更改 DIV 的背景图像。它适用于 Mac 上的 chrome 和 FF - 但不适用于 PC 上的 FF、IE

CSS - /media/css/mystandard.css

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

HTML

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

回复：鲶鱼

谢谢你的提示。不幸的是，我不能使用标签，因为我打算让整个 DIV 更改的背景颜色（有点像 twitter.com Tweets view on rollover）并且不想让 div 中的所有文本成为链接

4

3 回答 3

1

不是所有的浏览器都支持 :hover 伪属性，除了锚标签<a>。您必须将您的 html 更改为

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

你的CSS到

div.flipper a{background-color: #FFFFFF;}
div.flipper a:hover {background-color: #F8FBFE;}
于 2010-08-13T21:09:41.040 回答
1

如果必须使用 a <div>，则需要使用 javascript 来进行悬停。为了简单起见，我建议使用 jQuery：

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

然后将您的 CSS 更改为：

div.flipper {background-color: #FFFFFF;}
div.hover   {background-color: #F8FBFE;}
于 2010-08-13T21:30:20.873 回答
0

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

媒体产生问题之前的第一片。用这个<link rel="stylesheet" href="media/css/mystandard.css"/>

于 2010-08-14T07:11:55.713 回答