我想为我的html页面制作一个<a>
标签,该标签带有指向另一个页面的url链接,但我也希望看到该页面的预览。就像你在脸书上发布一些东西,同时添加预览一样,就像我想创建一个指向另一个页面的链接,并将该页面的预览指向一样。有办法做到这一点吗?提前感谢
如果我理解得当,你最好的选择是css…内容将被放置在那里,显示属性为none…
然后你可以在悬停或使用纯css或js 上瞄准元素
我希望这能帮助
<style>
.hidden {
display: none;
}
a:hover .hidden {
display: block;
}
</style>
<a href="#link">
Go To
<div class="hidden">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Necessitatibus fugit harum iure atque nesciunt ipsa praesentium,
suscipit animi voluptatem magni, saepe ratione labore pariatur eum
impedit distinctio, veritatis qui vitae!
</p>
</div>
</a>
这里有一个链接可以帮助你做得更好在CSS 中父级悬停时显示子元素