0

我正在尝试在我的页面上实现模式窗口。想法是显示一个带有项目屏幕截图和代码示例的弹出窗口。现在我已经实现了带有屏幕截图的弹出窗口。似乎工作正常，除了有 2 个问题。

1) mask 没有覆盖整个窗口。2）一旦弹出窗口关闭，如果我再次单击屏幕截图而不刷新，则不会显示蒙版。

网页

<div class="screenshot">
            <div class="case">
                <div class="thumb"> <a id="hooversMobile" href="#dialog" name="modal" title="Hoover's Mobile Site"><img src="images/proj_over_2.png" alt="Project thumbnail" style="top: 0px; "></a>
                </div><!-- end thumb-->
            </div><!-- end case-->
        </div>

.js

4

1 回答 1

0

以下 DIV 具有相对位置集。这意味着任何位置：它下面的绝对元素将相对于它的位置。

<div class="project" id="mobile"></div>

这就是导致覆盖仅从该位置延伸的原因。

第二次点击问题是由于#mask 淡出但没有像在内容 div 上那样再次运行 fadeIn。

此外，为了获得更好的响应，您应该选择部分代码并复制到 JSfiddle。然后，您可以就叠加定位提出非常具体的问题。

于 2012-10-16T18:52:58.027 回答