本站用的是wordpress日主题,搭建好以后很多需要优化的地方,发现首页顶部状态栏还是强制置顶好点,考虑到以后网站内容多的时候,方便用户及时返回
CSS代码
/*重写日主题首页顶部栏实现强制置顶*/
.slide-now .site-header {
box-shadow: none !important;
webkit-transform:none!important;
transform:none!important;
}
使用方法
- 登录worepress后台,找到日主题设置-顶部设置
- 把上面的代码复制粘贴到自定义样式代码里即可
其他主题
其他主题,就不适用这个方法了,大家可以使用下面两种方法尝试
- F12打开浏览器审查元素,在样式里面会有很多删除线包裹的元素,可以尝试把√依此去掉,说不定状态栏会立马置顶,当然这种方法只适用写了有碍于状态栏置顶的样式主题才行,比如日主题只用把那些√去掉,再强制把那三个影响的元素属性设置为none即可,这就是上面代码的原理。
-
尝试下方css固定定位样式
position: fixed;
注意:这个固定只是一个属性,并非完整的样式,请根据实际情况使用
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。