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

多年来，我的网站一直有一个目录，其中小图像直接位于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秒到。。好永远不要在鼠标离开div时消失

我知道：在IE中，除了链接之外，任何东西都会降低性能，但这是Opera。在Firefox（3.6）中，这一点非常好——它的出现和消失都是正常的

有人知道是什么导致了这一切吗？以前有人有过这个问题吗

多谢各位

问候,

---

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

---

理查德

你为什么担心6点之前的IE？我的意思是，满足IE6已经够糟糕的了，但在此之前？我不是-“（IE6以后，我认为它需要支持）”可能重复@Sarfraz-它不是IE6悬停问题的重复-正如我上面所说，这是Opera 10.60。这是一个完全不同的问题。@ClarkeBoy您的句子是

但我不想使用+选择器，因为某些版本的IE不支持它（我认为它需要支持IE6以后的版本）

yes IE6 forwards=IE6及以后的版本，所以您担心IE6之前的事情。你是说它需要IE迟于6而不是包括6？