如何使用CSS在按鈕上單擊創建unclickabale屏幕

-2

我想通過使用CSS在按鈕的單擊事件上在屏幕上分佈任意顏色的思想透明圖層來使屏幕無法點擊。請幫忙。如何使用CSS在按鈕上單擊創建unclickabale屏幕

2012-11-27 user1855696

什麼？你想要什麼？你的代碼在哪裏？ – Kyle

@KyleSevenoaks他希望屏幕上有任何顏色的厚透明層;） –

@levib，我忘了厚度屬性，是以像素爲單位測量的？它是否會影響div的質量或密度？ – jcolicchio

使用jQuery和CSS，你可以定義一個類.spread：

.spread { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: white; 
    opacity: 0.5; 
    z-index: 200; 
}

而當你點擊按鈕：

$('body').append("<div class='spread'></div>");

這將股利增加身體，和div將自己定位在左上角。您可能還需要投入：

body { 
    margin: 0; 
}

例子：http://jsfiddle.net/jcolicchio/TuP2A/

來源

2012-11-27 07:20:52 jcolicchio

它應該是超級容易

HTML

<body> 
    some code here 
    <div class=overlay><div> 
</body>

CSS

.overlay { 
    position: fixed; 
    z-index:100; 
    top:0;right:0;bottom:0;left:0; 
    background: rgba(0,0,0,.0); 
}

來源

2012-11-27 07:29:21 dmi3y

如何使用CSS在按鈕上單擊創建unclickabale屏幕

回答

相關問題