まず、私が使用して実行しようとしていることは次のとおりです。
この効果の最小限の設定: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;
}
誰でも助けてください。このプラグインを機能させたい。これは、単なるライトボックスプラグインよりもはるかに優れています。ウェブサイト全体でプラグインを使用しましたが、引き続き使用したいと思います。
どんな入力にも感謝します、ありがとう。亜美