我正在创建一个打印样式表，我希望通过在链接和图像旁边显示链接URL来使网站尽可能地可访问。
对于简单链接，我找到了这个解决方案：
http://davidwalsh.name/optimize-your-links-for-print-using-css-show-url
a:link:after, a:visited:after { content:" [" attr(href) "] "; }
它有效。但对于图像链接，这将从文本旁边的内容属性“浮动”文本，整个布局混乱......
那么有没有办法在左上角显示图片上方的网址文字？或者可能在图像下方......
答案 0 :(得分：2)
这实际上取决于您的网站布局。例如，如果您为图片和display:block内容设置:after，则链接网址会显示在图片下方。当然这可能会破坏你的布局。
我怀疑你最终可能会针对特定领域使用大量不同的声明。由于您可以将几乎任何样式应用于附加的URL（包括定位），因此您应该能够根据具体情况对其进行处理。
如果您发现需要特定图片/区域的帮助，请发布示例或图片以帮助我们！
HTH：）