如何使透明框内的窗体（iframe）不透明？

我有一个指向表单的iframe。该iframe是在一个我已经透明的css类中。窗体和按钮的字段也是透明的，但我不希望它们是。但是，我确实希望表单的背景保持透明。我的网站是在avidest.com/zamchick。我该怎么办？这里是我的CSS：如何使透明框内的窗体（iframe）不透明？

.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&lt;a href=\"formio.php\" title=\"formio\"&gt;formio&lt;/a&gt;%3C/iframe%3E"));</script> 
    <noscript> 
    <iframe width="548" height="787" 
     style="border:none; background:transparent;overflow:hidden;" 
    id="fb_iframe" src="testform4/testform4.html"> 
    &lt;a href="testform4.php" title="testform4"&gt;formio&lt;/a&gt; 
    </iframe> 
    </noscript> 
    </div>

感谢

来源

2013-03-02 Philip7899

，而不是使整个元素透明，你可以使用应用透明背景，它RGBA值：

从.formbox类中删除opacity:0.6;并添加

个

background-color: rgba(255,255,255,0.6);

第一3个参数表示的红色，绿色和蓝色值，而最后一个接受为1 阿尔法值和范围为0这将all modern CSS3 capable浏览器。您可能需要为旧版浏览器提供备用虽然：

background: rgb(255, 255, 255); /* The Fallback */ 
    background: rgba(255, 255, 255, 0.6);

如果你想支持真的老浏览器，我建议你检查出的惊人的利·贝罗这表明使用半透明的PNG图像this article和一个PHP脚本来自动化它。

来源

2013-03-02 22:07:44 OpherV

谢谢，我试过了，但是当我点击其中一个按钮并且窗体展开时，它就会显示在下面的灰色背景上。任何想法如何解决这个问题？ – Philip7899 2013-03-04 20:15:02

这听起来像一个无关的问题。您发布的网址不再可用。你能提供一个新的网址给我看吗？ – OpherV 2013-03-05 17:41:59

如何使透明框内的窗体（iframe）不透明？

回答

相关问题