-2

CSSを使用してボタンのクリックイベントで画面上に任意の色の透明レイヤーを広げて、画面をクリックできないようにしたい。これを手伝ってください。

4

2 に答える 2

3

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 が追加され、div は左上隅に配置されます。また、以下を入力する必要がある場合があります。

body {
    margin: 0;
}

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

于 2012-11-27T07:20:52.830 に答える
0

それは超簡単なはずです

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-27T07:29:21.147 に答える