1

リンクをクリックするとポップアップするファンシーボックスがあります。中央エリアのどこかで開きますが、真ん中ではありません。ファンシーボックスのcssは次のとおりです。

#fancybox-wrap {
    position:absolute;
    /*padding: 20px;*/
    z-index: 1101;
    outline: none;
    display: none;
    margin: 0px auto 0px auto;
}

しかし、私が持っているposition:absolute;と、余白の設定が無効になります。何も機能していないようです。left: 50px;などは動作しません。何か案は？

絶対を相対に変更すると、ファンシーボックスは必要な場所に完全に配置されますが、下部のファンシーボックスがほとんど見えなくなります。

4

1 に答える 1

1

何かを絶対に配置するときは、上/下および左/右の属性に基づいて、ブラウザに描画したい場所を正確に伝えます。

画面の中央に絶対に配置するには：

#fancybox-wrap {
    position:absolute; /* want it positioned absolutely relative to parent */
    width:500px;       /* fixed width of 500px */
    top:50px;          /* 50px down from the top of the screen */
    left:50%;          /* positioned in the middle of the screen */
    margin-left:-250px;/* use a negative margin of half the fixed width */
}
于 2012-12-27T21:00:56.277 に答える