相关疑难解决方法(0)

HTML5 iFrame无缝属性

在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 html5 attributes

64
推荐指数
4
解决办法
10万
查看次数

Safari/Chrome(Webkit) - 无法隐藏iframe垂直滚动条

iframe在www.example.com上有一个指向support.example.com(它是外国域的CNAME).

我会自动调整iframe的高度,以便框架不需要任何滚动条来显示包含的网页.

在Firefox和IE上这很好用,因为我使用没有滚动条<iframe ... scrolling="no"></iframe>.但是,在webkit浏览器(Safari和Chrome)上,即使没有滚动条的页面有足够的空间(滚动条显示为灰色),垂直滚动条仍然存在.

如何隐藏webkit浏览器的滚动条?

css safari iframe webkit scrollbar

49
推荐指数
6
解决办法
10万
查看次数

Chrome溢出:隐藏和iframe BUG

我有一个与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/

提前致谢!

iframe jquery google-chrome overflow

0
推荐指数
1
解决办法
2953
查看次数

标签 统计

iframe ×3

attributes ×1

css ×1

google-chrome ×1

html5 ×1

jquery ×1

overflow ×1

safari ×1

scrollbar ×1

webkit ×1