光标：指针不适用于具有图像的div

Question

我想将鼠标悬停在div上时将光标更改为指针，但是我的代码不起作用，我也不知道如何解决它。

HTML：

  <a href="try.html"><div id="kyoto" style="height:160px; width:1000px;" class="box">
    <li><img id="kyoto_pic" src="kyoto_pic.jpg" alt="Kyoto" height="158" width="340">
    <p id="kyoto_description"><span class="title"><strong>Kyoto </strong></span> <span class="description"> - The fascinating city of history and culture.&nbsp&nbsp</span><a class="top_destinations_link" href="try.html">Read >></p>
    </li>
  </div></a>

CSS：

  #kyoto{
        margin-top: 10px;
       cursor: pointer;
        }

预先感谢您的帮助。

Answer 1

您的代码可以正常工作：

StringBuilder

#kyoto{
  margin-top: 10px;
  cursor: pointer;
  background-color: yellow;
}

Answer 2

您的代码对我有用。我的意思是，当我将鼠标悬停在图像上时，光标具有指针方面。除非我不明白您的问题...（观看我的以下Codepen，然后告诉我）

但是...

我为您的问题just here创建了一个Codepen。如您所见，我添加了一些边框和背景，然后您会看到代码不是完全干净的，因为每个元素都在其父元素上溢出。

此外，您的代码不是真的有效。如果要使用带有文字图例的图像，建议您使用<figure>标记，它更合适。要获取帮助，请遵循this documentation。