Previous Message
Next Message

IE - Clickable transparent link?

Sent by Jim Davis on 6 September 2005 04:04


Oliver,

I hope someone on the list has a more elegant solution than mine. Here is a 
link to a demo of a solution that uses a transparent image to achieve the 
objective. The .gif image is sized the same as the link area. In this case 
200px square. Seems to work in FF and IE6 PC.

http://www.jimdavis.org/test/hovertest.htm

Jim

On 9/5/05, Oliver Hodgson [EMAIL-REMOVED]> wrote:
> 
> Hi,
> 
> I'm making a new front-page for a website, and marketing have decided that 
> they want a large area to be clickable. This area contains multiple headings 
> and paragraphs, so wrapping the whole thing in an <a> element is 
> impractical.
> 
> To achieve this, I'm using an absolutely positioned and sized <a> element 
> within the parent <div>.
> 
> This works fine in Firefox. However, in IE6, I am unable to click the link 
> wherever it intersects with another of the parent div's children, *unless* 
> it has a background colour (hence wiping out all of the content below).
> 
> I've created a simple test case, so you can see what I mean:
> 
> <http://thinkdrastic.net/journal/wp-content/fullsize_link.html>
> 
> (Link on the left (with a border) is broken in IE, solid link on the right 
> works).
> 
> I've checked that hasLayout='true', so that's not the issue here. I think 
> it's just IE6 being a numpty. Can anybody think of a way to make all of the 
> link clickable in IE?
> 
> Thanks in advance,
> 
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: