如何在CSS中使iframe位于导航栏顶部?

我有一个 iframe,当我单击按钮时会弹出。但除非我向下滚动,否则导航栏将位于其顶部。

这是我的练习网站:

http://test1.video-power.net/products/videopower-red/

这是错误

https://img4.mukewang.com/64fec0a9000156e906500317.jpg

但当我向下滚动时,一切都是正确的。仅当我位于最高卷轴时才会发生

这是当我向下滚动时就没事了。

https://img.mukewang.com/64fec0b40001eb5406550324.jpg

我尝试添加这个但它仍然不起作用。

.main-container {
    margin-top:50px;
}


烙印99
浏览 99回答 1
1回答

慕森卡

为您的标头(CSS 类 fusion-header-wrapper)提供 10 的 z-index 或将您的标头固定在 iframe 下的值,并在 iframe 内设置 main-container 类的“top”属性以将其拉动一点向下。.fusion-header-wrapper { z-index: 10; } /* goes into your actual page */ .main-container { top: 50px;  } /* goes into your iframe */
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5