position:fixed导航菜单覆盖内容的一种解决方法

position:fixed导航菜单覆盖内容的一种解决方法

通常我们会用 position: fixed 设置固定元素,但同时也衍生了一个问题,后面的元素会被固定元素覆盖掉一部分。例如常见固定导航菜单,紧接着的内容会被固定元素遮挡住。虽然可以用 margin-top 预留空隙,但这种方法比较刻板。当设置一个固定外边距,为了兼容响应式设计,你还要为不同设备设置对应值,很是麻烦。

杂记 Kevin 859 次浏览
Bootstrap 4更改汉堡图标颜色方法

Bootstrap 4更改汉堡图标颜色方法

Bootstrap 4提供的CSS预设颜色种类不多,往往默认的不够使用。当修改菜单栏底色后,移动端视图的汉堡菜单图标可能显示不搭,颜色或深或浅。一般这个问题我们会找到CSS类自定义解决,但.navbar-toggler-icon这个类修改方法有所不同,直接添加color属性无效,需要覆盖background-image这个属性。

杂记 Kevin 2,104 次浏览