Click: Difference between revisions
From HLT@INESC-ID
No edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
<div style="position: relative; width: {{{width}}}; height: {{{height}}}; overflow: hidden"> | <div style="position: relative; width: {{{width}}}; height: {{{height}}}; overflow: hidden"> | ||
<div style="position: absolute; top: 0px; left: | <div style="position: absolute; top: 0px; left: 3px; font-size: 100px; overflow: hidden; line-height: 100px; z-index: 3; color: transparent;">{{{link}}}</div> | ||
<div style="position: absolute; top: 0px; left: 0px; z-index: 2">[[Image:{{{image}}}|{{{width}}}|{{{link}}}]]</div> | <div style="position: absolute; top: 0px; left: 0px; z-index: 2">[[Image:{{{image}}}|{{{width}}}|{{{link}}}]]</div> | ||
</div> | </div> | ||
Latest revision as of 13:48, 1 May 2006
This template attempts to superimpose an invisible link on an image. It doesn't work in Safari, in text-only browsers, and in screen readers for the disabled, and possibly other situations. The technique of using CSS to change page content also completely breaks an article's web accessibility by contravening a WAI priority-one checkpoint.[1] Please try to avoid using this template unless absolutely necessary.
See also Template:Titled-click
http://en.wikipedia.org/w/index.php?title=Template:Click&action=edit