css - jquery tools Overlay CSS Conflict, Image positioned under the overlay 冲突

Question

首先这是我正在使用和尝试做的事情:

此效果的最小设置: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;
}

任何人都请帮忙。我想让这个插件工作。这比灯箱插件要好得多。我已经在我的整个网站上使用了该插件，并希望继续使用它。

感谢任何意见，谢谢。阿美

Answer 1

你能试试移动photo0吗？和 photo1不在您的其他 div 中，而是让它们不会受到任何父/继承样式的影响？可能在收盘前下跌 </body>标签？

祝你好运!