【问题标题】:Foundation Modal semi-transparent background cuts off基础模态半透明背景切断
【发布时间】:2015-02-13 20:15:51
【问题描述】:

好的,这里是演示站点: http://hayati.yahyauddin.com/

要查看模式,请将鼠标悬停在产品上并单击缩放按钮以显示产品的快速视图。

如果继续向下滚动,您将看到灰色半透明背景停止。无论屏幕大小如何都会出现此问题!

为什么会发生这种情况,我该如何解决?

注意:这个问题在基金会网站似乎没有出现: http://foundation.zurb.com/docs/components/reveal.html

【问题讨论】:

    标签: jquery css modal-dialog zurb-foundation zurb-foundation-5


    【解决方案1】:

    Zurb 人将其默认位置从固定更改为绝对(我不明白为什么),然后他们改变主意并再次回到固定位置。

    这是在 5.5.1 中实现的 https://github.com/zurb/foundation/commit/45f9b407ffeeca4b44c5a2afde4f0e58abf4bb78

    更新会有所帮助:)

    【讨论】:

      【解决方案2】:

      我似乎已经解决了这个问题。问题是在_reveal.scss 中,位置被设置为绝对值很奇怪。有一条评论说allows modal background to extend beyond window position 用于混音。显然情况并非如此。

      我刚刚将 position: absolute 更改为 position: fixed 并且它有效!

      请随时发表评论,说明您认为开发人员为何这样做。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2015-11-12
        • 2015-11-05
        • 1970-01-01
        • 2010-12-16
        • 2015-07-13
        • 1970-01-01
        • 2013-09-28
        • 2011-09-15
        相关资源
        最近更新 更多