在Chrome和Firefox但不是IE

股利類的顯示器有人可以幫我看看這個請，我發現這個類似的問題here 在Chrome和Firefox但不是IE

，但我不明白它是如何工作的，什麼是聚填充。

這裏是鏈接到我的網站：

http://mojogobbles.com.sg/cupcake-menu/

這裏是我的股利類CSS編碼，也是HTML/PHP

CSS

#f1{ 
width: 100px; 
height: 50px; 
left: 370px; 
top: 450px; 
background:black; 
position: absolute; 
opacity:0; 
filter: alpha(opacity=0); 
float: left; 
-webkit-transition: 1s all; 
-moz-transition: 1s all; 
transition: 1s all; 
} 
#f1:hover { 
background:url(images/flavours/f1.jpg); 
width: 320px; 
height: 320px; 
opacity:100; 
filter: alpha(opacity=100); 
float: left; 
position: absolute; 
}

HTML/PHP

<div id="f1"></div>

該div類沒有出現在IE中，請大家幫忙！

非常感謝提前！

來源

2012-09-25 Rui He Zhengrui

變化試試這個：

filter: alpha(opacity=1);

成

filter: alpha(opacity=100);

範圍爲不透明度在使用時邊上的Alpha濾鏡是0-100，所以你當前的設置等於不透明度：0.01

來源

2012-09-25 08:17:24

嗨，我已經改變，現在div類正在出現，但是：hover元素仍然不能正常工作.. –

聽起來像你爲'＃f1改變了它，但是你必須改變它爲'＃f1：hover' –

嗨莫爾博士，我確實將它改爲= 100，現在當我將鼠標懸停在div類上時，聲明的圖像不會出現，爲什麼？ –

不要用戶的僞:hover類上一個DIV，很可能是IE瀏覽器將完全忽略它 - 使用A標籤代替或連接到onmouseover和onmouseout事件

來源

2012-09-25 08:17:20

如果你在IE中使用div:hover代碼，什麼都不會發生。

這是因爲IE只支持懸停僞造的<a>標籤。

這是沒有多少，你的情況的問題，因爲它很容易鏈接樣式顯示爲塊級元素

a { display: block; width: 100px height: 50px; } 
a:hover { change color etc here }

否則，Css hover HTC將有助於解決IE瀏覽器的問題進行div:hover。導入HTC像波紋管，

<!--[if IE]> 
<style> 
body { behavior:url("/csshover.htc");} 
</style> 
<![endif]-->

而對於跨瀏覽器的過渡，css3please tutorial會幫助你。

來源

2012-09-25 08:26:31 sureshunivers

：自從IE7以來，hover-selector不僅支持a元素 –

在Chrome和Firefox但不是IE

回答

相關問題