1

フォームを指す 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>

ありがとう

4

1 に答える 1

1

要素全体を透明にする代わりに、RGBA 値を使用して透明な背景を要素に適用できます。

クラスから削除opacity:0.6;して.formbox追加

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

最初の 3 つのパラメーターは赤、緑、青の値を表し、最後のパラメーターはアルファ値を受け入れ、0 から 1 の範囲です。これは、すべての最新の CSS3 対応ブラウザーで動作します。ただし、古いブラウザーにフォールバックを提供したい場合があります。

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

本当に古いブラウザをサポートしたい場合は、半透明の png 画像とそれを自動化するための PHP スクリプトを使用することを提案している素晴らしい Lea Verou によるこの記事をチェックすることをお勧めします。

于 2013-03-02T22:07:44.373 に答える