Hi all,i,ve been trying to figure out this problem for a while just cos my scripting ability is limited pls help me out this mess. Here is what I've done so far,I've build a site which has thumb nails,as product.So when a customer clicks on them with onClick event handler two consecutive events are happening:
1.An opacity <div> with id name and z-index pop up closed,make it opaque but transparent, all the content.making the client to focus only on the product,this product a bigger version of the thumbnail,which has div it self with id name.
The problem is with different resolution,how can I fit this opacity div according different resolution. Plz ask me if it's not clear.
Sounds like you are going for the lightbox effect. To make that "dimmed" background fit any browser resolution, you'll need to just have the div us absolute positioning and set the top/left/bottom/right values..
Here is what I've done so far,I've build a site which has thumb nails,as product.So when a customer clicks on them with onClick event handler two consecutive events are happening:
1.An opacity <div> with id name and z-index pop up closed,make it opaque but transparent,
all the content.making the client to focus only on the product,this product a bigger version of the thumbnail,which has div it self with id name.
The problem is with different resolution,how can I fit this opacity div according different resolution.
Plz ask me if it's not clear.
div#fullscreen {top: 0;
left: 0;
bottom: 0;
right: 0;
background: black;
opacity: 0.4;
}