请查看以下链接
http://jsfiddle.net/9AbvE/291/
会发生什么事情,当我将鼠标悬停在元素div id = f12上时div id = floater会改变背景颜色,但当我将鼠标悬停在div id = f11它上面时,它不会改变颜色,任何人都知道为什么？
非常感谢!
只有严格的CSS解决方案,谢谢!
这里有css供查看
#f11
{
width: 100px;
height: 50px;
position: absolute;
background: transparent;
opacity: 1;
filter: alpha(opacity=0);
border-width: 1px;
border-style: inset;
}
#f11:hover + #floater
{
background:blue;
width: 320px;
height: 320px;
opacity:100;
right:0;
filter: alpha(opacity=100);
float: left;
position: fixed;
}
#f12
{
width: 100px;
height: 50px;
position: absolute;
background: transparent;
opacity: 1;
filter: alpha(opacity=0);
border-width: 1px;
border-style: inset;
}
#f12:hover + #floater
{
background:blue;
width: 320px;
height: 320px;
opacity:100;
right:0;
filter: alpha(opacity=100);
float: left;
position: fixed;
}
#floater
{
width: 320px;
height:320px;
opacity:0;
position: fixed;
right:0;
filter: alpha(opacity=0);
-webkit-transition: 1s all;
-moz-transition: 1s all;
transition: 1s all;
border-width: 1px;
border-style: inset;
filter: alpha(opacity=100);
}