翻轉背景顏色變化不工作在IE瀏覽器，FF

這似乎很簡單，我感到困惑，爲什麼它不工作...我想改變一個DIV的背景圖片滾動時。它適用於Chrome和FF在Mac上 - 但是不是FF，IE瀏覽器在PC上翻轉背景顏色變化不工作在IE瀏覽器，FF

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翻轉視圖），並且不想讓div中的所有文字成爲鏈接

來源

2010-08-13 JiminyCricket

僅供參考，你的HEAD元素不應該在BODY裏面。 – 2010-08-13 21:11:14

aaah，你是對的，這只是一個複製/粘貼輸入錯誤的修復 – JiminyCricket 2010-08-13 21:14:46

它應該在FF和IE7 + PC上工作，所以一定有問題，可能在你如何鏈接你的樣式表（「導入CSS這裏」） - 我們可以有完整的網頁或在線測試嗎？ – darma 2010-08-13 21:23:10

如果你必須使用一個<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-13 21:30:20 cam

我在哪裏把jQuery函數？ – JiminyCricket 2010-08-13 21:42:00

沒關係了它的感謝！ http://stackoverflow.com/questions/275891/jquery-hover-and-選擇器 – JiminyCricket 2010-08-13 21:49:52

hmm其stil沒有在PC上工作... – JiminyCricket 2010-08-13 23:51:58

並非所有瀏覽器都支持：除錨點標記<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-13 21:09:41 Catfish

感謝，見上面，我不能使用標籤=（ – JiminyCricket 2010-08-13 21:17:46

你的問題是與你鏈接的CSS。您有<link rel="stylesheet" href="/media/css/mystandard.css"/>

媒體創建問題之前的第一個分片。使用這個<link rel="stylesheet" href="media/css/mystandard.css"/>

來源

2010-08-14 07:11:55 Sotiris

翻轉背景顏色變化不工作在IE瀏覽器，FF

回答

相關問題