我不知道这里发生了什么,但翻滚工作不正常,我似乎无法弄明白. 我使用非常基本和简单的CSS： open{visibility:hidden;}open:hover{visibility:v
... . . 我不知道这里发生了什么,但翻滚工作不正常,我似乎无法弄明白.
我使用非常基本和简单的CSS：
open{visibility:hidden;}open:hover{visibility:visible;} http://www.ubhape2.com/messages/files/chameleon/是我正在处理的页面
请原谅上帝可怕的代码.我正在使用它作为一种简单快捷的方法.只需要翻转工作,我很好.
.解决方法
. 问题是你不能将鼠标悬停在隐藏元素上(见 Why isn’t CSS visibility working?).
在那里发布的解决方案也是这个问题的一个很好的选择.还有很多其他方法可以做到这一点,例如在背景中带有图像的div,例如：
<style> div.open { background: none; width: 137px; height: 49px; }div.open:hover { background:url('images/chameleon_10.gif'); }</style><div class="open"></div> 或者如果您需要使用图像,可以使用图像精灵(http://www.alistapart.com/articles/sprites)
见基本jsfiddle.
. . .. ...