html - 在图像上悬停显示一个带有表单的 div 区域

Question

我希望在悬停图像时，div 框应该出现，用户可以从该 div 中选择一个选项。

<a class="show_img3" href="frequenz?link=3" class="btn">
  <img style="padding-top: 8px;padding-bottom: 26px;" src="<?php echo bloginfo( 'template_url' );?> /img/bouquet/2.png">
  <span class="bqy_no">BRAUCHE MEHR</span></a>
<div class="hide_img3"><a href=#>2</a><br><a href="#">3</a></div>

我的问题是我无法选择一个选项，因为如果我尝试悬停它，它就会消失。

这里是 js fiddle

我已经更新了 fiddle 以使其更准确。

Answer 1

试试这个 fiddle

只需放置一个父 div 并为其应用一个额外的类。

您的 Html 和 css 非常不整洁且不符合语义，请使其易于阅读。