使用CSS定位单个iframe

时间:2016-04-24 16:01:47

标签: html css iframe

在我的tumblr博客上:http://ukgraffiti.tumblr.com/我已经使用过:

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

隐藏tumblr控制按钮(Follow,Dashboard),以便它们仅在用户悬停在它们上时显示。

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

是否可以仅使用不透明度裁定来定位tumblr按钮?

提前致谢。

2 个答案:

答案 0 :(得分:0)

为要拥有不透明度规则的所有iframe添加一个类,然后使用CSS定位该类。

实施例。 HTML:

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

实施例。 CSS:

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

答案 1 :(得分:0)

如果有任何tumblr用户感兴趣,答案是:

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

感谢所有试图帮助我的人。