javascript - モーダル ポップアップ内の iFrame に透過性を設定する

Question

背景にpdfを表示し、ポップアップに透明度を設定したいiFrameを含むポップアップを上に表示しています。それはChromeブラウザで完全に動作し、ブラウザの残りの部分は動作しません:( Fiddlerのリンクは次のとおりです:ここをクリック

すべてのブラウザで動作するにはどうすればよいか教えてください。

Answer 1

少しの JavaScript と CSS を使用すれば、これは大したことではありませんが、iframe を div などでラップする必要があります。

<div id="iframeContainer">
    <iframe src="http://example.com"></iframe>
</div>

次に、JavaScriptで：

// Set the css opacity of the div NOT the iframe:
iframeContainer.style.opacity = 0.5; // the closer to 1 the less transparent
iframeContainer.style.MozOpacity=0.5; // the closer to 1 the less transparent
iframeContainer.style.filters.alpha.opacity=50; // the closer to 100 the less transparent