如何使透明框内的窗体(iframe)不透明?

如何使透明框内的窗体(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

我有一个指向表单的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&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>

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不再可用。你能提供一个新的网址给我看吗?