css – 位置固定不工作的头

我试图创建一个非常简单的效果,其中导航停留在页面的顶部,当你向下滚动页面。所有我应该做的是设置“位置:固定”到标题,我目前有。出于某种原因,它更像是一个“位置:绝对”元素对固定。我试着在页面上的其他元素具有相同的效果,所以我必须有一些在我的HTML或CSS代码,导致的问题。有任何想法吗?

http://jsfiddle.net/apautler/yDhXG/1/embedded/result/

标题CSS

.nav-main  {overflow: visible; position: fixed;
            top: 0; left: 0; right: 0; height: 60px; width: 100%;}

注意,网站是响应,所以位置:固定踢在768像素。

解决方法

目前, Chrome cannot render position:fixed on elements under a transformation.删除(无内容)
-webkit-transform: translate3d(0,0);

和它will work

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效