0

壮大なポップアップに少し問題があります。ポップアップをブラウザに対して画面の中央に表示するのではなく、左揃えにしたい。これを行う方法はありますか？ポップアップが相対的なものを見つけることができないようです (私は何時間も試してきましたが、jQuery は初めてです)。継承、固定、絶対を試してみましたが、ズームアウトすると画面のさまざまな領域にポップアップが表示されるたびに。

要約すると、次の Web サイトをコピーしたいと思います: http://www.madridmontessori.org/site_eng.html (ただし、これは Flash で行われています)

設定をいじるのがいい考えかどうかはわかりませんが、とにかくやりました...あまり効果がありませんでした= S

.mfp-container {
  position: absolute;
  width: 1167px;
  height: auto;
  margin-left:auto;
  margin-right:auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color:red; }

jQuery コードに関しては、エラーなしで 1 行を超えていないので、それを掲載するつもりはありません。=D

ここに、あなたが私を助けるのに役立つかもしれないいくつかの試行の失敗があります:

<div id="body" style="position:absolute;">
<div id="popup-1" class="zoom-anim-dialog mfp-hide" style="position: relative; top: 30px; left: 50px;">
    <h1>Title here</h1>
    <p>Content here  </p>
</div>

--

#popup-1 {
    background: white;
    padding: 10px 20px;
    text-align: left;
    max-width: 500px;
    top:150px;
    left: 30px;
    position: relative;
}
4

1 に答える 1

0

追加してみてくださいfloat: left：

#popup-1 {
    background: white;
    padding: 10px 20px;
    text-align: left;
    max-width: 500px;
    top:150px;
    left: 30px;
    position: relative;
    float:left
}

また:

.mfp-container {
    float:left;
    padding:0!important;
}
于 2016-11-10T06:53:06.213 に答える