包含范围和图像无效的HTML链接

Question

我有以下问题。当我创建<a>链接并在其中包含<img>和<span>文本时，它可以正常作为链接，但光标正在做一些奇怪的事情。我认为这是一个CSS问题。

当我将鼠标悬停在.image或.desc上时，有时指针光标会消失，有时则不会。

<a href="#">
   <span class="image">
      <img src="url" />
   </span>
   <span class="desc">
      Some text
   </span>
</a>

CSS：

a { float: left; display: table; width: 100%; position: relative; z-index: 10; cursor: pointer; }
.image { display: table-cell; vertical-align: middle; position: relative; cursor: pointer; }
.image img { position: absolute; ....)
.desc { display: table-cell; vertical-align: top; position: relative; cursor: pointer; }

Answer 1

这里非常奇怪的标记。我认为，您不需要display: table和display: table-cell内置absolute定位图片。也许如果你简化你的标记，这种奇怪的行为就会消失。