修复了Halcyonic主题(CSS)中的菜单栏

马库斯·西尔弗曼(Marcus Silverman)

如何修改CSS代码以使顶部标头保持固定,所以当我向上滚动时,它可以保持整洁的阴影?如果您调整大小并查看移动响应版本,您会明白我的意思。

在这里查看:http : //html5up.net/uploads/demos/halcyonic/twocolumn1.html

该代码可在此处下载:http : //html5up.net/halcyonic/download

谢谢

达夫迈斯特

您在父div上有一些元素样式:

<div id="skel-panels-pageWrapper" style="position: relative; left: 0px; right: 0px; top: 0px; -webkit-backface-visibility: hidden; -webkit-perspective: 500; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out;" >

由于某些原因,这种内联样式使它无法正常工作。如果删除,-webkit-perspective: 500;则以下CSS应该有效。

#header-wrapper{
   position:fixed;
   width:100%;
   top:0px;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章