Hi Anshul,
I don't think this is possible, altough you could create a transparent div (the same size & position as the bottom div) above the top div & handle the events there, something like...
Code:
<html>
<head>
<title>Test Full Width</title>
<style type="text/css">
#Upper, #Lower, #Transparent{
position: absolute;
width: 100px;
height: 100px;
}
#Upper{
left: 50px;
top: 50px;
z-index: 100;
background-color: darkblue;
}
#Lower, #Transparent{
left: 20px;
top: 20px;
}
#Lower{
z-index: 50;
background-color: lightblue;
}
#Transparent{
z-index: 100;
}
</style>
</head>
<body>
<div id="Upper" onclick="alert('Upper clicked');"></div>
<div id="Lower"></div>
<div id="Transparent" onclick="alert('Transparent clicked');"></div>
</body>
</html>
HTH,
Chris