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 IE6.

Example HTML:

<a href="video.html" class="video-thumb-link"></a>

Example CSS:

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

Leave a comment

Leave a Comment

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: