• # June 5, 2008 at 1:55 pm

    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.

    # June 6, 2008 at 9:06 am

    This reply has been reported for inappropriate content.

    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..

    div#fullscreen {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: black;
    opacity: 0.4;
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.