我将鼠标悬停在另一个div时试图更改div。我曾经做过一百万次,但是由于某种原因,我根本看不出为什么这个没有用。
的CSS
#floatimg:hover > #float_tools
{
opacity: 1;
}
#float_tools
{
width: 150px;
margin: auto;
opacity: 0.3;
}
的HTML
<div id='floatBox'>
<div id='float_image'>
<img id="floatimg" src="">
</div>
<div id='float_tools'>
<div id='float_prev'><a href='javascript:void' onclick=''><img src='images/Button_Prev.png' width='50px'></a></div>
<div id='float_close'><a href='javascript:void' onclick=''><img src='images/close.png' width='50px'></a></div>
<div id='float_next'><a href='javascript:void' onclick=''><img src='images/Button_Next.png' width='50px'></a></div>
</div>
</div>
仅仅是因为#float_tools
div不是的直接子代#floatimg
。
尝试类似:
<div id='floatBox'>
<div id='float_image'>
<img id="floatimg" src="">
<div id='float_tools'>
<div id='float_prev'><a href='javascript:void' onclick=''><img src='images/Button_Prev.png' width='50px'></a></div>
<div id='float_close'><a href='javascript:void' onclick=''><img src='images/close.png' width='50px'></a></div>
<div id='float_next'><a href='javascript:void' onclick=''><img src='images/Button_Next.png' width='50px'></a></div>
</div>
</div>
</div>
CSS:
#float_image:hover > #float_tools
{
opacity: 1;
}
#float_tools
{
width: 150px;
margin: auto;
opacity: 0.3;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句