iframe 透明兼容,设置iframe透明背景的方法「建议收藏」

iframe 透明兼容,设置iframe透明背景的方法「建议收藏」从IE5.5+就支持iframe框架的背景透明。通过使用allowtransparency和background-color来设置iframe框架的透明效果,代码如下:1<iframesr

大家好,又见面了,我是你们的朋友全栈君。

从IE5.5+就支持iframe框架的背景透明。通过使用allowtransparency和background-color来设置iframe框架的透明效果,代码如下:

1 <iframe src="a.html" allowtransparency="true" style="background-color=transparent" frameborder="0" width="300" height="200" scrolling="no">
2 </iframe>

 

说明:

iframe对象的allowTransparency属性应用,在该属性设置为true并且iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。   使用它可以兼容低版本IE。

background-color是常规的设置背景颜色, transparent的属性代表背景透明。

 

懂了不, 嘿嘿…  

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/154923.html原文链接:https://javaforall.net

(0)
上一篇 2022年7月1日 下午10:46
下一篇 2022年7月1日 下午11:00


相关推荐

  • Git .gitignore 不起作用的解决办法

    Git .gitignore 不起作用的解决办法解决方法的原理 gitignore 只能忽略那些原来没有被 track 的文件 如果某些文件已经被纳入了版本管理中 则修改 gitignore 是无效的 解决方案 gitrm rcached gitadd gitcommit m update gitignore

    2026年3月26日
    2
  • input file多选 multiple[通俗易懂]

    input file多选 multiple[通俗易懂]一直以为连点2次选择文件是多选,原来要按ctrl选中多个才是多选。。。 functionShowFileName(){ varfile; for(vari=0;document.getElementById(“file”).files.length;i++){ file=document.getElementById(“fil

    2022年7月17日
    16
  • java中逻辑运算符怎么理解_java 逻辑运算符理解

    java中逻辑运算符怎么理解_java 逻辑运算符理解1 1 逻辑运算符逻辑运算符 它是用于布尔值进行运算的 运算的最终结果为布尔值 true 或 false 运算符运算规则范例结果 amp 与 false amp trueFalse 或 false trueTrue 异或 true flaseTrue 非 trueFlase amp amp 短路与 false amp amp trueFalse 短路或 false trueTrue 看完图后 我们来看一下逻

    2026年3月19日
    2
  • Vue(4)Vue指令的学习1「建议收藏」

    Vue(4)Vue指令的学习1「建议收藏」前言Vue官网一共有提供了14个指令,分别如下v-textv-htmlv-showv-if☆☆☆v-else☆☆☆v-else-if☆☆☆v-for☆☆☆v-on☆☆☆v

    2022年7月31日
    7
  • c++11 之emplace_back 与 push_back的区别

    c++11 之emplace_back 与 push_back的区别c 开发中我们会经常用到插入操作对 stl 的各种容器进行操作 比如 vector map set 等 在引入右值引用 转移构造函数 转移复制运算符之前 通常使用 push back 向容器中加入一个右值元素 临时对象 时 首先会调用构造函数构造这个临时对象 然后需要调用拷贝构造函数将这个临时对象放入容器中 原来的临时变量释放 这样造成的问题就是临时变量申请资源的浪费 引入了右值引用 转移构造函数后

    2026年3月19日
    2
  • google scholar_google

    google scholar_google利用GoogleScholar进行文献检索

    2022年10月11日
    8

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号