Question

几个星期以来，我一直在尝试修复无法解决的tumblr按钮（例如，像reblog，编辑主题），但我不能。当我改变主题时，一切都很完美。事情是，我不想改变主题，我想知道问题出在哪里。

我试图用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来解决问题时，我在＆lt; / html＆gt ;,红色

 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">

当我把它放在＆lt;正文＆gt ;,按钮工作，但我的页面完全消失。
我检查了这段代码是否在我的主要博客上。是的，我不是红色的，之前＆lt; / html＆gt;

博客：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-index会导致问题，应该有一种方法来布置文档，而不需要求助于z索引，除非是在紧急情况下。

我最近有一个博客，我想彻底隐藏tumblr控件（我的印象是他们是通过javascript添加的）但是看起来纯粹的css解决方案有效：

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

这将查找其类名称包含“control”

的任何iframe元素

此selctor的第一部分也向我看，它绝对是正确的：

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

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

<强>更新

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

https://validator.w3.org/

我无法点击tumblr上的关注/编辑主题/喜欢/ reblog按钮

1 个答案: