Result
jQuery
$(document).ready(function(){ //高さを取得 var docHeight = $(document).height(); //全体にオーバーレイ用のdivを加える $("body").append("<div id='overlay'></div>"); $("#overlay") //オーバーレイ用に追加したdivにcssを加える。普通はクリックイベントと併用します //最初からcssに記載しといた方がスッキリしますね。 .height(docHeight) .css({ 'opacity' : 0.4, 'position': 'absolute', 'top': 0, 'left': 0, 'background-color': 'black', 'width': '100%', 'z-index': 5000 }); });