Bootstrap "navbar-fixed-top" 导致全屏 Blueimp 照片库出现问题
Bootstrap "navbar-fixed-top" causing issues with Blueimp photo gallery in fullscreen
在我的 Bootstrap 导航中添加 "navbar-fixed-top" class 然后单击 Blueimp 灯箱画廊中的照片后,导航栏未隐藏在其下方。在全屏模式下,它显示在灯箱的顶部 上 。这将导致问题:
<nav class="navbar navbar-default navbar-fixed-top">
下面的代码按预期运行,导航栏在灯箱叠加层下方被遮挡:
<nav class="navbar navbar-default">
请注意,这 仅发生在 Chrome。在启用固定导航栏的情况下,Firefox 和 Safari 中的图片库都可以正常运行。
关于如何解决这个问题有什么想法吗?这让我发疯,没有任何故障排除产生任何解决方案。提前致谢。
当您将 animate.css 与 blueimps css 结合并缩小时,似乎存在冲突.
删除 css 的动画部分让模态覆盖 fixed navbar
。
在我的 Bootstrap 导航中添加 "navbar-fixed-top" class 然后单击 Blueimp 灯箱画廊中的照片后,导航栏未隐藏在其下方。在全屏模式下,它显示在灯箱的顶部 上 。这将导致问题:
<nav class="navbar navbar-default navbar-fixed-top">
下面的代码按预期运行,导航栏在灯箱叠加层下方被遮挡:
<nav class="navbar navbar-default">
请注意,这 仅发生在 Chrome。在启用固定导航栏的情况下,Firefox 和 Safari 中的图片库都可以正常运行。
关于如何解决这个问题有什么想法吗?这让我发疯,没有任何故障排除产生任何解决方案。提前致谢。
当您将 animate.css 与 blueimps css 结合并缩小时,似乎存在冲突.
删除 css 的动画部分让模态覆盖 fixed navbar
。