我无法点击 tumblr 上的 follow/edit theme/like/reblog 按钮

Question

几个星期以来，我一直在尝试修复无法点击的 tumblr 按钮（例如，转发、编辑主题），但我做不到。当我改变主题时，一切都很完美。问题是，我不想换主题，我想知道问题出在哪里。

我试图用 body > iframe:first-child { display: none !important; }

隐藏我的按钮

它确实消失了。然后我删除了这段代码，它显示了按钮，但我仍然无法点击它们中的任何一个。然后我试了

.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
    z-index:999999999 !important;
} 

iframeiframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
    -webkit-filter:invert(100%);
    -moz-filter:invert(100%);
    -filter:invert(100%);
    right:3px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index:999999;
}

但是，仍然没有任何改变。我还尝试清除浏览器的缓存和 cookie。还是一样。

我不知道该怎么办了。

编辑。在尝试通过进入我的页面 html 来解决问题时，我在之后发现了这个，红色

 iframe scrolling="no" width="1" 
height="1" frameborder="0" style="background-color:transparent; 
    overflow:hidden; 
    position:absolute; top:0; left:0; z-index:9999;" id="ga_target">
    </iframe><script type="text/javascript">

当我把它放在下时，按钮可以工作，但我的页面完全消失了。
我检查了这段代码是否在我的主要博客上。是的，我不是红色的，之前< / html >

博客：smartchesters.tumblr.com

Answer 1

你问的有点混乱。你想显示 tumblr 控制按钮并让它们可以点击，还是完全隐藏它们？

您无法点击右上角的 tumblr 控制按钮的原因是因为此元素的属性：

#bord {
    position: fixed;
    opacity: 1;
    z-index: 9999999999;
    width: 100%;
    top: 0px;
    height: 80px;
    margin-left: -5px;
    background-image: url("");
    background-repeat: repeat;
}

如果您在浏览器中在此元素上切换 position:fixed，您将看到 tumblr 控制按钮变为可点击。或者您可以切换 z-index 属性。 Z-indexes 在我看来是问题所在，除了紧急情况外，应该有一种无需诉诸 z-indexes 即可布置文档的方法。

我最近有一个博客，我想完全隐藏 tumblr 控件（我的印象是它们是通过 javascript 添加的）但是似乎纯粹的 css 解决方案有效：

iframe[class*="control"] {
    display:none!important;
}

这将查找任何 class 名称包含 "control"

的 iframe 元素

这个选择器的第一部分也让我看不起，它绝对正确吗：

iframeiframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop

此外，如果您在关闭后有代码 </html>，您肯定需要修复或删除它。它看起来像 google 分析代码。

更新

您的文档中没有结束 </body> 标记。以及落在结束 </html> 标记之外的代码。我肯定会运行你的 html 通过验证器。它不会识别像 {PermalinkPage} 这样的 tumblr 表达式等等，但它应该可以帮助您查明需要正确关闭的标签。

https://validator.w3.org/

我无法点击 tumblr 上的 follow/edit theme/like/reblog 按钮

I can't click on follow/edit theme/like/reblog buttons on tumblr

html

iframe

tumblr