Background grayed out when scrollheight is set to the pop-up layer (compatibility issues)

1. CSSCode:

HTML, body {Height: 100%;} // when the content is small, the body cannot be filled with the whole webpage

# Vip_div
{
Position: absolute;
Top: 0;
Left: 0;
Width: 100%;
Display: none;
Z-index: 20;
Background-color: # c0c0c0;
Opacity: 0.6;
Filter: alpha (opacity = 60 );
}

2. js code:

Function Change ()

{

Document. getelementbyid ("vip_div"). style. Height = document.doc umentelement. scrollheight + "PX ";

// Google and Firefox cannot be displayed in full screen when the parameter document.doc umentelement. scrollheight is set to document. Body. scrollheight on Firefox or Google google Google

Document. getelementbyid ("vip_div"). style. Display = "Block ";

}

3. html:

<Div id = "vip_div"> </div>

<Input type = "button" onclick = "change ();"/>