Click Through "overlay"

Imagine this situation where I have: This HTML

CAN THIS BE CLICKABLE IN ANY WAY?

Solution 1:

You just need to add pointer-events: none; to .overlay

See http://jsfiddle.net/iamnotsam/DV49T/1/uses SVG for IE9 and IE10 compatibility

For IE 10, there is only partial support for pointer-events: none, specifically the element must be an svg. The above fiddle has been verified on one machine as making IE9 and IE10 happy. Thanks OP for testing.

Solution 2:

This is an example that i think will help you. If you want the link to just be something to activate another element then use #Something to your link. http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_target

something:target
{}

Here is the lesson http://www.w3schools.com/cssref/css_selectors.asp

Here is yours updated http://jsfiddle.net/DrewGoldsberry/5tGC7/1/

This isnt working on jsfiddle but you can test at w3schools

Share