2016-04-24 64 views
0

个人iframe在我的tumblr博客在这里:http://ukgraffiti.tumblr.com/我用:定位与CSS

iframe {opacity:0} 
iframe:hover {opacity:1} 

隐藏tumblr控制按钮(按,仪表板),这样他们只显示当用户将鼠标悬停他们。

不幸的是其他元素也会以同样的方式受到影响。例如,如果我向我的博客发布歌曲,则小玩家小部件以相同方式隐藏。此外,可以打开帖子以获得答案,这会在帖子下方显示一些答案。这也受到ifram不透明度设置的影响。

是否有可能只针对不透明度裁决的tumblr按钮?

在此先感谢。

回答

0

万一任研究员tumblr用户感兴趣的答案是:

.tmblr-iframe:nth-of-type(1) { opacity:0; } 
.tmblr-iframe:hover { opacity:1 !important; } 

感谢所有谁试图帮助我在此。

0

将一个类添加到所有您希望具有不透明度规则的iframe中,然后将该类定位到您的CSS。

例。 HTML:

<iframe class="className"></iframe> 

Ex。 CSS:

iframe.className {opacity:0} 
iframe.className:hover {opacity:1} 
+0

感谢您的快速回答。我在编码方面并不是很出色,所以你可以澄清一下这门课的去向。我只想定位右上角的tumblr按钮,但我不确定需要放置该className的位置。它可以只是去我的HTML中的任何地方,或者它必须环绕按钮的HTML?问题是,我不知道html的哪些部分控制按钮。 – Jud

+0

你可以给我iframe的按钮代码吗? – Wowsk

+0

我不确定我可以。我已经搜遍了'iframe'的整个代码,唯一发现的就是我添加的不透明CSS代码。我认为这些东西是由tumblr控制的,但我认为是因为我可以用CSS来定位它们,我可以单独定位它们。 – Jud