2

divHTML5で、背景がグレー表示されているときにページの中央に表示されるのビューを作成しようとしています。Silverlightの子ウィンドウのようなもの。私はこれを機能させるためにひどい時間を過ごしています。

4

2 に答える 2

0

あなたはそのようないくつかの基本的なCSSで簡単にそれを行うことができます。これは、アニメーション化またはトグルするためのjavascriptではなくcss部分にすぎません。しかし、それはあなたが始めるのに十分なはずです。

CSS

.div {
    position:absolute;
    top:300px;
    width:300px;
    height:260px;
    left:50%;
    z-index:1000;
    margin-left: -150px; /* negative half the width of the div */
}

.background {
    background:#000;
    opacity:0.5;
    position:fixed:
    width:100%;
    height:100%;
    z-index:999;
}

HTML

<div class="div">
   My Content
</div>
<div class="background "></div>
于 2012-09-06T23:44:18.457 に答える
0

これは、ページを900px幅の中央に配置するためのもので、これをdiv要素に追加します。

 width:900px;margin-right:auto;margin-left:auto;

body背景には、次のスタイルを要素に追加する必要があります

 color:gray;padding:0px;margin:0px;

要素を中央に配置するには、幅を含める必要があります。margin-right:auto; margin-left:auto;幅を含めないと動作しません！

于 2012-09-06T23:44:26.130 に答える