在HTML5中,iframe具有"无缝"等新属性,应删除边框和滚动条.我已经尝试了但似乎没有用,我仍然可以看到滚动条和边框(我使用谷歌浏览器作为浏览器),这是我的代码:
<iframe seamless="seamless" title="google" width="600" height="300" src="http://www.google.co.uk"></iframe>
Run Code Online (Sandbox Code Playgroud)
知道为什么它不起作用吗?
还有一个问题是,是否可以在iframe中定位页面的特定部分?
我iframe在www.example.com上有一个指向support.example.com(它是外国域的CNAME).
我会自动调整iframe的高度,以便框架不需要任何滚动条来显示包含的网页.
在Firefox和IE上这很好用,因为我使用没有滚动条<iframe ... scrolling="no"></iframe>.但是,在webkit浏览器(Safari和Chrome)上,即使没有滚动条的页面有足够的空间(滚动条显示为灰色),垂直滚动条仍然存在.
如何隐藏webkit浏览器的滚动条?
我有一个与Iframes/Youtube视频和Chrome相关的BUG ...
得到了一个div
<div id="single">
<div id="poza-mare">
<div class="items">
<div><iframe width="710" scrolling="no" height="360" frameborder="0" src="http://www.youtube.com/embed/CblqeBA0iIk" type="text/html"></iframe></div>
<div>...</div>
<div>...</div>
</div>
</div>
</div>
#poza-mare{position:relative;overflow:hidden;clear:both;height:360px;}
#poza-mare div {float:left;display:block;width:710px;}
#poza-mare .items {width:20000em;clear:both;margin:0;padding:0;position: absolute;}
#single{width:710px; overflow:hidden; margin:0 auto;z-index:2;}
Run Code Online (Sandbox Code Playgroud)
无论如何,项目类中的div是由Scrollable jQuery动画制作的,当iframe向左滚动时,iframe根本不想被隐藏(当其他一切被隐藏时,它只是保持可见).这只发生在Chrome中,在Firefox/Safari/IE9/Opera中完美运行.
我能做些什么才能让它发挥作用?:(
链接:http://lesateliersnomad.com/showcase/2d-animation/artmania-festival-2010/
提前致谢!