I am trying to "disable" links by putting a layer (div) on top
Hi:)As the title says I am trying to "disable" links by putting a layer (div) on top of them... it works fine in Mozilla but in IE the links are still clickable:(
I have created the following code that illustrates my problem:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Glass pane test</title>
</head>
<body style="width: 200px; height: 200px; border: 1px solid red;">
<div style="position: relative;">
<a href="http://www.google.dk/">Google</a>
<div style="position: absolute; top: 0px; left: 0px; z-index: 10; cursor: wait; width: 200px; height: 200px; border: 1px solid green;"></div>
</div>
</body>
</html>
Does anyone know about this problem and how to fix it?:)
Thanks in advance,
Stine
