• 欢迎访问web前端中文站,JavaScript,CSS3,HTML5,web前端demo
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏web前端中文站吧

如何设置iframe背景透明

JavaScript web前端中文站 3年前 (2018-02-09) 991次浏览 已收录 0个评论

关于如何iframe 背景透明设置方法,其实不难。

更多精彩内容请看 web 前端中文站
http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏

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

具体解决办法是在iframe中设置:

<span class="pln">allowtransparency</span><span class="pun">=”</span><span class="kwd">true</span><span class="pun">”

如下:

</span>
<span class="tag"><<a href="https://www.lisa33xiaoq.net/tag/iframe" title="查看更多关于 iframe 的文章" target="_blank">iframe</a></span> <span class="atn">width</span><span class="pun">=</span><span class="atv">"100%"</span> <span class="atn">height</span><span class="pun">=</span><span class="atv">"200"</span> <span class="atn">src</span><span class="pun">=</span><span class="atv">"demo.html"</span> <span class="atn">allowTransparency</span><span class="pun">=</span><span class="atv">"true"</span> <span class="atn">frameBorder</span><span class="pun">=</span><span class="atv">"0"</span> <span class="atn">scrolling</span><span class="pun">=</span><span class="atv">"no"</span><span class="tag">></<a href="https://www.lisa33xiaoq.net/tag/iframe" title="查看更多关于 iframe 的文章" target="_blank">iframe</a>></span>

 

<span class="pun">?</span>

 


web 前端中文站 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:如何设置 iframe 背景透明
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址