如何用CSS/HTML隐藏Tumblr网页端及移动端的浮动横幅？

网页版实现（CSS） #

在Tumblr自定义主题的CSS编辑面板中，添加以下代码：

/* 隐藏网页版顶部横幅 */
.tmblr-iframe--top_controls, .topbar {
    display: none !important;
    visibility: hidden !important;
}

!important用于强制覆盖Tumblr默认的样式优先级，确保横幅被隐藏。

移动端实现（CSS） #

针对移动端的横幅，添加以下CSS代码：

/* 隐藏移动端顶部横幅 */
.mobile-topbar, .tmblr-mobile-topbar {
    display: none !important;
    visibility: hidden !important;
}

如果上述选择器不生效，可通过浏览器开发者工具（F12）或移动端调试工具定位横幅的具体元素类名，替换代码中的选择器即可。

内容的提问来源于stack exchange，提问作者Art