-3

私は派手な箱の使い方を知っていて、たくさんあることを知っています。 私の目標は、チュートリアルの目的と好奇心のために、非常に単純なものを作成することです。

彼らはどのように機能するのだろうか。私がよく理解しているなら、ファンシーボックスは：

1）HTMLページのすべてのイベントを無効にする

2）上に半透明の画像を表示する

3）中央のdivを上部に表示します。

ポイント3は非常に明確に見えます。ポイント1とポイント2がどのように機能するのか疑問に思います。

どんな手掛かり ？

よろしく

4

3 に答える 3

2

1と2は同じものです。ページ全体に半透明のオーバーレイを配置することで（これは通常、幅と高さが100％の絶対位置にあるdivです）、ユーザーが内部要素を操作するのを防ぎます。

于 2012-11-28T15:32:29.443 に答える
0

ライトボックス/ファンシーボックスは、基本的に2つの仕切り要素です。1つはページ全体をカバーし（したがって半透明）、もう1つは「ポップアップ」コンテンツを含みます。それらのさまざまなものに共通するいくつかのフレーバーと機能がありますが、これら2つのことが最も重要です。

于 2012-11-28T15:33:26.243 に答える
0

http://jsfiddle.net/75LTD/そのように：

<body style="width:100%; height:1024px;">
<div class="overlay">

    <div class="lightbox"></div>
</div>
<p>sdjfhsd</p>
</body>
​

CSS：

.overlay{width:100%; height:100%; position:fixed; left:0; background:rgba(0,0,0,0.6); }
.lightbox{position:absolute; top:50%; margin-top:-100px; left:50%; margin-left:-100px; height:200px; width:200px; background:#FFF; border-radius:10px;}

</ p>

于 2012-11-28T15:37:14.617 に答える