I have a link in the bottom of a div-box, which have position:absolute and should overlay the whole div-box.
like that: http://jsfiddle.net/UpwvT/4/
In FF and Webkit it works fine, but in IE + Opera the "some text" is still not a link and not clickable.
Anybody an idea? :) thanx
I used the same solution proposed by Pavlin, but using a 1x1px transparent GIF data-url-encoded, this way:
.link_css{
background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
}
So you avoid an extra http request to the server with very few bytes of increase in the CSS stylesheet. Data-url is supported in IE8+.
http://caniuse.com/datauri
Still don't get where this error comes from... Personnally I just put some fully transparent bg there
background: rgba(0,0,0,0);