Question

我想在我的网站（http://www.awesomescreenshot.com/image/442354/edb8d5ee19e54e29b50ae2e14b1b9156）上制作这样的内容（http://motiongiraffx.com/）。

菜单div必须在滚动上修复，我尝试了这个CSS

.menu-space {
    width: 100%;
    height: 5em;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 800;
    overflow: hidden;
    -o-transform: skewY(-10deg);
    transform: skewY(-10deg);
}
.menu-icon {
transform: skewY(10deg);
-webkit-transform: skewY(10deg);
    }

但菜单不会转到顶角，我丢失了带有这些样式的菜单图标。

这是我的HTML：

<div class="menu-space">
            <span class="menu-icon" style="display: none;"><img src="http://motiongiraffx.com/wp-content/themes/motiongiraffx/images/menu-icon.png" id="nav-icon" onclick="changeImage()" alt="Menu icon"></span>
        </div>

我看到问题是宽度：100％，当我删除它时，我在右角有菜单空间，但我想用白色覆盖所有空间。我怎样才能使这项工作正确？

Answer 1

你可以使用possition:absolute; 固定将始终在您的浏览器窗口

如何在左上角固定菜单，草率设计？

1 个答案: