如何使透明框内的窗体(iframe)不透明?
我有一个指向表单的iframe。Iframe位于我已使其透明的css类中。表单和按钮的字段也是透明的,但我不希望它们是透明的。然而,我确实希望表单的背景保持透明。我的网站在avidest.com/zamchick。我该怎么办?这是我的css:如何使透明框内的窗体(iframe)不透明?,iframe,transparency,transparent,css,Iframe,Transparency,Transparent,Css,我有一个指向表单的iframe。Iframe位于我已使其透明的css类中。表单和按钮的字段也是透明的,但我不希望它们是透明的。然而,我确实希望表单的背景保持透明。我的网站在avidest.com/zamchick。我该怎么办?这是我的css: .formbox{ float: right; width: 48%; padding-top: 90px; padding-right: 40px; background-color:#ffffff; border:1px s
.formbox{
float: right;
width: 48%;
padding-top: 90px;
padding-right: 40px;
background-color:#ffffff;
border:1px solid black;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
以下是带有iframe的html:
<div class="formbox">
<script type="text/javascript">
document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"testform4.php"
+ window.location.search + "\" width=\"548\" height=\"787\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"formio.php\" title=\"formio\">formio</a>%3C/iframe%3E"));</script>
<noscript>
<iframe width="548" height="787"
style="border:none; background:transparent;overflow:hidden;"
id="fb_iframe" src="testform4/testform4.html">
<a href="testform4.php" title="testform4">formio</a>
</iframe>
</noscript>
</div>
write(unescape(“%3Ciframe id=\”fb\u iframe\”src=\”testform4.php“
+window.location.search+“\”width=\”548\”height=\”787\”allowtransparency=\”true\”滚动=\”no\”frameborder=\”0\%3Ea href=\”formio.php\”title=\”formio\”formio/a%3C/iframe%3E”);
a href=“testform4.php”title=“testform4”formio/a
谢谢您可以使用RGBA值为整个元素应用透明背景,而不是使其透明: 去除
不透明度:0.6从.formbox
类中选择code>并添加
背景色:rgba(255255,0.6)代码>
前3个参数表示红色、绿色和蓝色值,而最后一个参数接受Alpha值,范围从0到1。
这将适用于浏览器。不过,您可能希望为较旧的浏览器提供回退:
background: rgb(255, 255, 255); /* The Fallback */
background: rgba(255, 255, 255, 0.6);
如果你想支持非常古老的浏览器,我建议你去看看神奇的LeaVerou,它建议你使用半透明的png图像和一个PHP脚本来自动化它。你可以使用RGBA值将透明背景应用到它,而不是使整个元素透明:
去除不透明度:0.6从.formbox
类中选择code>并添加
背景色:rgba(255255,0.6)代码>
前3个参数表示红色、绿色和蓝色值,而最后一个参数接受Alpha值,范围从0到1。
这将适用于浏览器。不过,您可能希望为较旧的浏览器提供回退:
background: rgb(255, 255, 255); /* The Fallback */
background: rgba(255, 255, 255, 0.6);
如果你想支持非常古老的浏览器,我建议你去神奇的Lea Verou看看,它建议你使用半透明的png图像和PHP脚本来实现自动化。谢谢,我试过了,但是当我点击其中一个按钮,表单展开时,它会呈现下面的灰色背景。知道怎么解决吗?这听起来像是个无关的问题。您发布的URL不再可用。你能给我提供一个新的URL供我查看吗?谢谢,我试过了,但是当我点击其中一个按钮,表单展开时,它呈现出下面的灰色背景。知道怎么解决吗?这听起来像是个无关的问题。您发布的URL不再可用。你能提供一个新的网址给我看吗?