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);}

Advertisements
Leave a comment

Leave a Comment

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s