怎么设置iframe,才能使背景透明?

怎么设置iframe,才能使背景透明?,第1张

如果想让iframe背景透明。这里需要用到iframe一个特殊的属性:allowtransparency="true"。1、首先在框架代码中加入allowtransparency属性:2、把嵌入iframe中的页面改为:楼主,你试试!应该可以解决!

方法一:

<iframe src="ifraem.jsp" width="100%" height="360" align="center"

scrolling="auto" frameborder="0"

style="filter:chroma(color=#ffffff)"></iframe>

在iframe页面里将body更改为:

<body style="background-color:transparent" >

方法二:

<iframe

src="abc.htm" name="iframe" width="540" height="400" scrolling="Auto"

frameborder="0" id="iframe" style="border:0px"

allowtransparency="true"></iframe>

被嵌的页面加入:

<body style="background-color:

transparent">

2.transparent.htm页<bodybgColor="transparent"方法二:在transparentBody.htm文件的标签中,我已经加入了style=”background-color=transparent” 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解:<IFRAMEID="Frame1"SRC="transparentBody.htm"allowTransparency="true"</IFRAME<IFRAMEID="Frame2"SRC="transparentBody.htm"allowTransparency="true"STYLE="background-color: green"</IFRAME<IFRAMEID="Frame3"SRC="transparentBody.htm"</IFRAME<IFRAMEID="Frame4"SRC="transparentBody.htm"STYLE="background-color: green"</IFRAME


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11092509.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存