PDA

View Full Version : An improvement of DHTML Modal window v1.01?



jimhap
06-20-2007, 07:13 AM
1) Script Title: DHTML Modal window v1.01

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

3) Describe problem(an improvement):

Maybe this can be more compatabile with Mozilla/Firebird?

Original CSS code(modal.css):


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


.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

ddadmin
06-21-2007, 05:27 AM
"-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.