The following code:
CSS:
#container {
position: relative;
height: 405px;
}
#container #image {
position: absolute;
top: 0px;
left: 0px;
width: 540px;
height: 405px;
clip: rect(0px,540px,405px,200px);
}
HTML: <div id="container"> <div id="image"><img src="biertjes.jpg" alt="" width="540" height="405"></div> <a href="http://opera.com">Go to Opera.com</a> </div>
The absolutely positioned div is clipped, but the link that becomes visible is not clickable.
Example: