1

まず、私が使用して実行しようとしていることは次のとおりです。

この効果の最小限の設定：flowplayer.org/tools/demos/overlay/index.html

次に、Apple Leopardプレビュー効果：flowplayer.org/tools/demos/overlay/apple.html

これが、http： //gentle-mist-64.heroku.com/picturesで問題が発生しているページです。

私の問題：画像をクリックすると、オーバーレイの下と右側に画像が表示されます。

これは、CSSの位置付けとプラグインの位置付けの間の競合である必要があります。

レイアウトのない空白のページでこれを試してみると、問題なく動作します。

私のレイアウトCSS：

body {
  background: url('/images/background.jpg');
}

#image_stage {
  position: relative;
  top: 30px;
  margin: auto;
  margin-top: 75px;
  background-color: white;
  width: 900px;
  height: 520px;
}

#image_inside_stage {
  float: left;
  margin-top: 7px;
  margin-left: 27px;
}

#logo {
  position: absolute;
  left: 725px;
  top: 4px;
}

#see_through_box {
  position: absolute;
  background-color: black;
  opacity: 0.66;
  -moz-opacity: 0.66;
  filter:alpha(opacity=66);
  width: 665px;
  height: 432px;
  margin: 45px;
  z-index: 99;

  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 15px;

  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 15px;
}

.inner_content {
  position: absolute;
  top: 75px;
  left: 75px;
  z-index: 99;
  color: whitesmoke;
}

誰でも助けてください。このプラグインを機能させたい。これは、単なるライトボックスプラグインよりもはるかに優れています。ウェブサイト全体でプラグインを使用しましたが、引き続き使用したいと思います。

どんな入力にも感謝します、ありがとう。亜美

4

4 に答える 4

0

その手がかりをありがとう！同様の問題があり、最終的にjqueryツールがボディの下部にオーバーレイ画像を書き込んでいることがわかりました。これは、別の場所で作成されていたdivとは少し異なるスタイルになっていることを意味します。画像をそこに配置するJavaScriptを見て、overlaydivで同じことをしました

$('body').append($('#mortgage_card'));
于 2010-04-16T17:19:06.223 に答える
0

移動photo0しphoto1て、他のdiv内に入らないようにしてください。代わりに、親/継承されたスタイルの影響を受けないようにしてください。</body>おそらく終了タグの直前にダウンしますか？

幸運を！

于 2009-09-13T01:20:22.507 に答える
0

完全にjqueryツールの場合、絶対的に配置されている親要素にjqueryツール要素を配置しないことが非常に重要であることがわかりました。

ウィンドウ、スクロール可能、または絶対的な親の外側にあるものを単純に配置できます。

フロートで配置するのが最善でした。

于 2010-04-17T17:56:01.333 に答える
0

要素を配置したままにしたい場合は、Funkaが提案しているように、オーバーレイ要素を移動することで実際に解決できます。この答えを参照してください：

jqueryオーバーレイの間違った配置

于 2010-04-29T10:38:49.253 に答える