Results 1 to 2 of 2

Thread: An improvement of DHTML Modal window v1.01?

  1. #1
    Join Date
    Jun 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default An improvement of DHTML Modal window v1.01?

    1) Script Title: DHTML Modal window v1.01

    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...dhtmlmodal.htm

    3) Describe problem(an improvement):

    Maybe this can be more compatabile with Mozilla/Firebird?

    Original CSS code(modal.css):
    Code:
    .drag-handle{ /*Overwrite default drag handle bar background color with below*/
    background-color: #03277C;
    }
    
    #interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
    position: absolute;
    background: black url(blackdot.gif);
    width: 10px;
    left: 0;
    top: 0;
    z-index: 5;
    visibility: hidden;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
    opacity: 0.8;
    }
    Possible improved code:
    Code:
    .drag-handle{ /*Overwrite default drag handle bar background color with below*/
    background-color: #03277C;
    }
    
    #interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
    position: absolute;
    background: black url(blackdot.gif);
    width: 10px;
    left: 0;
    top: 0;
    z-index: 5;
    visibility: hidden;
    filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.80;
    }
    I found that on Google...
    Well, even I am a newbie. Is this needed?
    (Google page: http://www.webmasterworld.com/forum83/1958.htm)

    jimhap

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    "-moz-opacity" is a proprietary CSS syntax only supported in Mozilla browsers. I decided to leave it out and just go with "opacity", which works in Firefox 2.x anyhow.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •