2

Foundations の公開機能で奇妙な問題が発生しています。マイページ中心ではありません。

http://landpros.turnpostinteractive.com/LandPros_Results_2.html

このページに移動し、メイン コンテンツ エリアの「マイ リスティング」というリンクをクリックすると、モーダルが表示され、明らかにページの中央に表示されません。ブラウザのサイズに関係なく、これを画面の中央にとどめたいと思います。

これは可能ですか？css コードを上書きすることはできますが、デフォルトでそうではない理由について混乱しています。

<p>  
  <a class="star" href="#"></a> add to <a class="link reveal" data-reveal-id="myModal" href="#">my listing</a><br/>
</p>

<div id="myModal" class="reveal-modal ModalCSS">
  <div class="modal-header">
    <h1>Add to My Listings</h1>
  </div><!--/modal-header-->
  <div class="modal-body">
    <p class="top">Please login to use our<br/> My Listings feature.</p><br/>
    <p>My Listings allows you to save your proper-<br/>ties for future visits. It is Free! </p>

    <br/><br/>
    <p class="right">
      <a href="#">login</a> | <a href="#">create an account</a>
  </div><!--/modal-body-->
  <a class="close-reveal-modal">&#215;</a>
</div>

これが私が使用しているHTMLです。

4

1 に答える 1

1

ここでモーダルボックスCssを中央揃えにします：-

#myModal2 {
            top: 50%;
            left: 50%;
            margin: -202px 0px 0px -92px;
           }
于 2013-01-26T12:19:33.340 に答える