CSS打印预览 - 显示图像/链接URL

我正在创建一个打印样式表，我想通过在链接和图像旁边显示链接URL来尽可能地访问该网站。CSS打印预览 - 显示图像/链接URL

对于简单的链接，我发现这个解决方案：

a:link:after, a:visited:after { content:" [" attr(href) "] "; }

和它的作品。但对于图像链接，这将“漂浮”图像旁边的内容属性的文本和整个布局混乱...

所以有一种方法来显示图像上方的URL文本，在顶部左角？或者可能低于图片...

2011-06-06 Alex

这真的取决于您的网站布局。例如，如果您将display:block设置为图片和:after内容，则链接网址将显示在图片下方。当然这可能会破坏你的布局。

我怀疑你最终可能会在特定区域使用很多不同的声明。由于您可以将几乎任何样式应用于附加的网址（包括定位），因此您应该可以根据具体情况解决此问题。

如果您发现您需要特定图片/地区的帮助，请发布一个示例或图片以帮助我们一起！

HTH :)

2011-06-06 07:11:47 lnrbob

回答