2016-04-24 39 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