关注前端开发
关注用户体验

iframe背景透明设置方法

iframe的背景颜色在IE下为window的当前窗口颜色(默认白色,可以在显示外观处对其进行设置),这导致在大幅背景上插入iframe时,需要给它“透底”,可是IE不支持对iframe设置背景色,那怎么办呢?

解决办法是在iframe中设置:

allowtransparency=”true”

如下:

<iframe width="100%" height="200" src="demo.html" allowTransparency="true" frameBorder="0" scrolling="no"></iframe>
未经允许不得转载:大前端 » iframe背景透明设置方法
分享到:更多 ()

评论 16

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #13

    如果无法更改iframe引用的页面,如何设置背景色透明呢

    %appdata%2年前 (2015-08-13)回复
  2. #12

    还需要在iframe上设置内联样式:style background-color:transparent;

    Mr.Snail3年前 (2014-05-13)回复
  3. #11

    iframe用处很广泛,html5肯定还会支持啊

    胎盘素5年前 (2011-12-26)回复
  4. #10

    改了没效果啊

    wade.wind6年前 (2011-12-21)回复
  5. #9

    为什么d3我不能用

    博客爪6年前 (2011-11-23)回复
  6. #8

    为啥用了没效果?
    这是代码

    swr123586年前 (2011-08-18)回复
  7. #7

    期待更多作者和优秀作品的加入

    coach wallet outlet6年前 (2011-04-09)回复
  8. #6

    嗯,这个以前老是在找!

    Way6年前 (2011-04-08)回复
  9. #5

    又学到了~~~ 😀

    heson6年前 (2011-04-07)回复
  10. #4

    貌似最近的更新速度有点小慢了。。。。不过还是支持了!

    qixun6年前 (2011-04-06)回复
    • 最近有点晕,抱歉,加强更新!!

      浩子6年前 (2011-04-07)回复
  11. #3

    大前段很不错的,有很多前端开发的知识,支持一个!!! :smile:

    锋翼6年前 (2011-04-06)回复
  12. #2

    一直在等待,等待属于自己的一篇领地,与其等待,不如奋起创造····

    错别字一个~~一篇领地

    这个站是浩子一个人在维护吗?

    xiaoc6年前 (2011-04-06)回复
    • 估计是,好像所有的文章都是署名浩子

      蜜瓜6年前 (2011-04-06)回复
    • 嗯,马上改过。目前大前端有3个作者,期待更多作者和优秀作品的加入!!

      浩子6年前 (2011-04-06)回复
  13. #1

    很久不用iframe了,没想到html5还支持着 😡

    hear6年前 (2011-04-06)回复

themebetter 国内更好的WordPress主题服务商

立即前往