小编Bli*_* Ng的帖子

当我使用CSS将鼠标悬停在某些文本上时,我正在尝试使用淡入淡出的图像.我已经应用了CSS代码,但效果没有显示出来; div出现了,但没有淡出.

此外,我意识到CSS转换并不真正适用于IE.如果有人能指出我的解决方法的正确方向,那将非常感激.(:

CSS:

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: relative;
display: none;
color: black;
text-decoration: none;
opacity:0.0;
filter:alpha(opacity=0);
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 5px;
left: -1000px;
border: 1px solid gray;
background-color: #fff;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
position: relative;
display: inline;
top: -290px;
left: -25px; 
opacity:1.0;
filter:alpha(opacity=100);/*position where      
enlarged image should offset horizontally */
-webkit-transition: all …