Clickable HTML Link Over Embed in IE6

Have you ever needed to make an embed into a link (such as linking a small preview video to the full video)? An unfortunate bug seems to make this impossible in IE6.

After searching for a solution online and failing to find anything I did some more experimenting on my own and finally discovered a simple solution.

Just add a transparent GIF background image to your link and suddenly it will become clickable in IE.

Example HTML:

<a href="full-video.html" class="video-link"><embed src=""></embed></a>

Example CSS:

.video-link
{background: url(one-pixel-transparent.gif);}

Leave a Comment

You must be logged in to post a comment.