Home > CSS > IE6 link problem – links are not clickable in some areas of the page

IE6 link problem – links are not clickable in some areas of the page

IE6 does not recognize links when placed over an absolute positioned background .png image.The solution is simple. Simply add "position: relative" to you links.

Post to Twitter Post to Plurk Plurk This Post Post to Yahoo Buzz Buzz This Post Post to Delicious Delicious Post to Digg Digg This Post Post to Ping.fm Ping This Post Post to Reddit Reddit Post to StumbleUpon Stumble This Post

Categories: CSS Tags: , ,
  1. March 19th, 2009 at 14:21 | #1

    This didn’t help resolve my problem but pointed me in the right direction.

    I found this behavior not only with links (native HTML or ASP controls) but also with checkboxes and radio buttons as well. I would imagine that the same held true for textboxes as well.

    I tried the “postion:relative” not only on the offending object but also in the div’s above it and the object that had the .png background in it. No luck.

    Finally ended up taking the atom bomb approach and changed all the .pngs to .gifs (they all had transparency in them) and voila, no more problem.

    Thanks for pointing me in the right direction. I can’t tell you how much time I wasted trying to diagnose and resolve this problem!

  2. March 19th, 2009 at 14:35 | #2

    Glad to help. Are you still achieving the same quality transparency using gif’s apposed to using png’s? If not I can try helping you further in going down the png path.

  1. No trackbacks yet.
SEO Powered by Platinum SEO from Techblissonline