html - 链接后面的文本预览

Question

是否可以使用 css 和 html 显示链接背后内容的“预览”？

例如:我在链接后面有一些文本信息，但我想在链接旁边显示该文本的一部分...是否可以在不手动写下的情况下这样做？

代码示例如下

<dl>
<dt>News</dt>
<dd></dd>
<a href=".html"><img src=".jpg" height=100 width=120/>Some text</a>
    <p>This is the text i want to use as a preview of whats behind the active href link</p>
</dl>

Answer 1

重叠和显示可以通过 CSS 属性 z-index 和 opacity 完成。但是，您必须使用绝对定位 将元素相互堆叠。