2011-01-06 19 views
0

divでASPページをマスクしたいのですが、これは完全にページをカバーする必要があります。Jqueryページの左上隅を取得する方法は?

私は、ページのサイズを取得し、この値を使用してdiv要素のサイズを変更することができます。

var maskHeight = $(document).height(); 
     var maskWidth = $(window).width(); 


     //Set height and width to mask to fill up the whole screen 
     $('#mask').css({ 'width': maskWidth, 'height': maskHeight }); 

マスクは、ページ内のdivに含まれているBUEそれはOK ..ですので、マスクはからの彼の位置を設定左上の.. div! ページ全体の左上に位置を設定するにはどうすればよいですか?おかげで、マスクのCSSを設定して任意のアイデアをたくさん..

答えて

1

#mask 
{ 
    position: fixed; 
    top:0; left:0; 
    width:100%; height:100%; 
    background: red; 
} 

ポイント0で開始し、ページ全体をカバーし、関係なく、スクロールのposition: fixed

ために起こっています

Example on jsFiddle

+0

おかげさまでありがとうございました!... – bAN

1
<div class="maskPage"> 
<div> 

のCss

.maskPage 
{ 
top:0; 
left:0; 
width:100%; 
height:100%; 
background: #ccc;  
position: fixed; 
} 
+0

おかげさまで助けてくれてありがとうございました! – bAN

関連する問題