如何将网页中的预览添加到<a>指向特定页面的标记

  • 本文关键字:网页 添加 html url tags preview
  • 更新时间 :
  • 英文 :


我想为我的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 中父级悬停时显示子元素

相关内容

  • 没有找到相关文章

最新更新