隐藏谷歌文档栏来播放演示文稿

时间:2014-05-23 09:10:53

标签: html css iframe

我有以下代码,我使用谷歌文档显示一个演示文稿,我想知道是否有任何方法让我隐藏在底部的栏,以便它不会显示。

<div style="width: 960; height: 540; 
    background-color:White;">
<div style="z-index: -2;"><iframe src="https://docs.google.com/presentation/d/1FYhFR3a49gvmyqozJbtNe3eP7FogKJRwGE9bN7tihSs/embed?start=true&amp;loop=false&amp;delayms=3000" frameborder="0" width="960" height="569"></iframe></div>
</div>

2 个答案:

答案 0 :(得分:1)

将父div高度设置为iframe高度,并在父div中使用overflow: hidden;

试试此代码

<div style="width: 960px; height: 540px;background-color:White; overflow: hidden;">
      <iframe src="https://docs.google.com/presentation/d/1FYhFR3a49gvmyqozJbtNe3eP7FogKJRwGE9bN7tihSs/embed?start=true&amp;loop=false&amp;delayms=3000" frameborder="0" width="960" height="569"></iframe>
</div>

DEMO

答案 1 :(得分:0)

尝试添加rm = minimal

<iframe src="https://docs.google.com/presentation/d/1FYhFR3a49gvmyqozJbtNe3eP7FogKJRwGE9bN7tihSs/embed?start=true&loop=false&delayms=3000&rm=minimal" frameborder="0" width="960" height="569"></iframe>