把一个链接变成一个div？答案

【问题标题】：Turning an a link into a div?把一个链接变成一个div？
【发布时间】：2023-02-16 17:37:07
【问题描述】：

我正在尝试制作一个网页，当用户将鼠标悬停在文本上时，会出现一个图像。我找到了一个工作代码，但它显示为一个链接，我不希望它显示。我的想法是有一个项目列表，当用户将鼠标悬停在每个项目上时，会出现一个新图像。

.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99; }
.hover_img a:hover span { display:block; }

<div class="hover_img">
    <a href="#">flippe flute<span><img src="//picsum.photos/200?c=1" alt="image" height="200" /></span></a><br>
    <a href="#">pottery flute<span><img src="//picsum.photos/200?c=2" alt="image" height="200" /></span></a>
</div>

【问题讨论】：

如果您不希望它成为链接，请不要使用 a 元素
简单，使用 Ul li 标签。谷歌？
您是否尝试过将链接转换为 div？

标签： javascript html css

【解决方案1】：

用div标签替换a标签，像这样

.hover_img div { position:relative; }
.hover_img div span { position:absolute; display:none; z-index:99; }
.hover_img div:hover span { display:block; }

<div class="hover_img">
    <div>flippe flute<span><img src="//picsum.photos/200?c=1" alt="image" height="200" /></span></div>
    <div>pottery flute<span><img src="//picsum.photos/200?c=2" alt="image" height="200" /></span></div>
</div>

【讨论】：