View source

<div style="position: relative; width: {{{width}}}; height: {{{height}}}; overflow: hidden">
<div style="position: absolute; top: 0px; left: 0px; font-size: 100px; overflow: hidden; line-height: 100px; z-index: 3">[[{{{link}}}|&nbsp;&nbsp;&nbsp;]]</div>
<div style="position: absolute; top: 0px; left: 0px; z-index: 2">[[Image:{{{image}}}|{{{width}}}|{{{link}}}]]</div>
</div>
<noinclude>








This template attempts to superimpose an invisible link on an image.  It doesn't work in [[Safari (web browser)|Safari]], in text-only browsers, and in screen readers for the disabled, and possibly other situations.  The technique of using [[Cascading Style Sheets|CSS]] to change page content also completely breaks an article's [[web accessibility]] by contravening a [[WAI]] priority-one checkpoint.[http://www.w3.org/TR/WAI-WEBCONTENT/#tech-order-style-sheets]  Please try to avoid using this template unless absolutely necessary.

</noinclude>