Heim > Web-Frontend > HTML-Tutorial > 关于弹出层,黑色背景_html/css_WEB-ITnose

关于弹出层,黑色背景_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:14:48
Original
1634 Leute haben es durchsucht

    .black_overlay{  display: block;  position: absolute;  top: 0%;  left: 0%;  width: 100%;  height: 100%; background-color: black;  z-index:9998;  -moz-opacity: 0.8;  opacity: 0.80;  filter: alpha(opacity=80); }  

这是网上很通用的弹出层黑色背景样式,但,如果网页很宽,很长,或者宽度、长度,不定
width: 100%; 不能满足要求。比如网页很宽,用户拖动鼠标往右,一点弹出,弹出的只遮住了左边100%的网页,而右边新拖出来的,没有被遮住。

也不想 width: 99999px这样,指定一个很大的范围,因为滚动条的长度会变,本来网页没有那么宽。

我要遮住的是个GridView,可不可以按GridView所在的div的宽度指定它的宽度呢?


回复讨论(解决方案)

document.getElementById('fade').style.height
         = document.documentElement.clientHeight + document.documentElement.scrollTop + 'px';

var isStrict='CSS1Compat'==document.compatMode,el=isStrict?'documentElement':'body';var w=document[el].scrollWidth,h=document[el].scrollHeight;alert(w+'\n'+h);//w和h为你页面宽和高
Nach dem Login kopieren

我这个是从ASP.NET的后台弹出来的,没法进行这么复杂的JavaScript计算啊。

javascript弹出层

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage