CSS - 使用：将鼠标悬停在链接以外的元素上

Question

现在，我的网站已有一个目录，其中小图像直接位于div内的链接中。链接必须只在图像周围 - 但我不想使用+选择器，因为某些版本的IE不支持这种情况（IE6以后我认为它需要支持）。 div具有类“ImageHoverSpan”（它曾经是旧布局上的Span，我只是没有打扰重命名该类）。还有另一个div，类为“ImageOuterPanel”，与链接处于同一级别（即ImageHoverSpan的直接子级）。

我定义了以下类：

  .ImageHoverSpan .ImageOuterPanel {
    display: none; }
  .customer .ImageHoverSpan:hover .ImageOuterPanel {
    display: block; }

对于所有浏览器而言，这在我记忆中确实很好。我即将推出新版本的网站进行测试，但我今天才注意到，在Opera 10.60中，图像面板（ImageOuterPanel）在ImageHoverSpan上悬停显示，但它需要1秒到1秒之间的任何时间。好吧..当鼠标离开div时永远不会消失。

我知道使用：将鼠标悬停在链接以外的任何内容都会降低IE中的性能 - 但这是Opera。在Firefox（3.6）中，这种方法非常好 - 它会出现并消失。

有没有人对可能导致这种情况的原因有任何想法？以前有人遇到过这个问题吗？

谢谢。

此致

理查德

Answer 1

我找到了答案。我在Opera论坛上问了一个问题，并且用户回复说我可以有一个Opera样式表来保持元素可见但是将不透明度设置为0或100。这有效 - 元素会立即出现和消失。

理查德