如何使用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屏幕

回答

相关问题