无法在iframe中隐藏滚动条?

时间:2014-11-20 04:05:48

标签: html css iframe

我在我的网页中嵌入了一个iframe,其中包含来自其他网站的内容。如果您想访问该网页http://8mags.com/bored/wtf/wtf01.html,这是一个链接 问题是我无法删除滚动条和其他一些东西。 我的CSS代码在这里

html {
overflow-x: auto !important;
overflow-y: auto !important;
}
body {
overflow-y: auto !important;
background: white !important;
}

问题是滚动条仍然存在。而且iFrame中的背景也没有变为白色。我也试图用这段代码隐藏一些细节

.quote-subtitle {
display: none !important;
}

但它也不起作用。

修改

生成iFrame的代码就是这个

<span class="quora-content-embed" data-name="What-are-some-of-the-most-awesome-psychological-facts/answer/Arjun-Subramaniam/quote/2114886">Read <a data-width="541" data-height="893" class="quora-content-link" href="http://www.quora.com/What-are-some-of-the-most-awesome-psychological-facts/answer/Arjun-Subramaniam/quote/2114886" data-embed="nqjyswb" data-type="quote" data-id="2114886" data-key="78561af9adeb1d847ceae88107798254">Quote of Arjun Subramaniam's answer to What are some of the most awesome psychological facts?</a> on <a href="http://www.quora.com">Quora</a><script type="text/javascript" src="http://www.quora.com/widgets/content"></script></span>

1 个答案:

答案 0 :(得分:0)

<body class=" logged_out" style="overflow: hidden;">

我在链接上使用它并且工作,并隐藏滚动条。 或使用它来访问iframe的内容

$('#iframe').contents().find('body').css('overflow','hidden');