爲訂閱框創建透明背景

Question

這對我來說真的很難， 而我無法爲此獲得解決方案。 我希望你們中的許多人必須看到一個網站，當你進入該網站時，你會看到主頁......但隨後會出現一個透明層，並在上面顯示一個關閉按鈕的訂閱框。 任何人都可以幫助.. 剛剛與佈局..

Answer 1

很簡單，它的完成這樣

<div class="subscribeContainer"> 
    subscribtion box here... 
</div> 
<style> 
    .subscribeContainer{ 
     position:fixed; 
     left:0; 
     right:0; 
     bottom:0; 
     top:0; 
     background:transparent;/* Default Anyway or next line */ 
     background:rgba(0, 0, 0, 0.5); /* Semi Transparent */ 
     display:none;/* Hidden By Default Now */ 
    } 
</style> 

然後，你可以使用jQuery褪色.subscribeContainer在像這樣

$(document).ready(function(){ 
    $('.toggleSubscribeButton').on('click', function(){ 
     $('.subscribeContainer').fadeIn('slow'); 
    }); 
}); 

或者如果你想讓它在窗戶加載時淡入，像這樣

$(window).load(function(){ 
    $('.subscribeContainer').fadeIn('slow'); 
}); 

Answer 2

不需要使用任何JavaScript只需添加不透明度：0.6; 詳情請訪問鏈接：http://www.w3schools.com/css/css_image_transparency.asp