我有一个指向表单的 iframe。 Iframe 位于我已设为透明的 css 类中。表单和按钮的字段也是透明的,但我不希望它们是透明的。但是,我确实希望表单的背景保持透明。我的网站位于 avidest.com/zamchick。我应该怎么办?这是我的 CSS:
.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>
谢谢
最佳答案
您可以使用 RGBA 值为其应用透明背景,而不是使整个元素透明:
从 .formbox
类中删除 opacity:0.6;
并添加
背景颜色:rgba(255,255,255,0.6);
前 3 个参数代表红色、绿色和蓝色值,而最后一个参数接受 Alpha 值,范围从 0 到 1。 这将适用于 all modern CSS3 capable浏览器。不过,您可能希望为旧版浏览器提供回退:
background: rgb(255, 255, 255); /* The Fallback */
background: rgba(255, 255, 255, 0.6);
如果你想支持非常老的浏览器,我建议查看this article由令人惊叹的 Lea Verou 提出,它建议使用半透明的 png 图像和 PHP 脚本来自动化它。
关于iframe - 如何使透明框内的表单(iframe)不透明?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15179790/