div が iframe によってブロックされる場合のいくつかの状況と解決策

この記事では、p が iframe によってブロックされるいくつかの状況と、ブロックされた後の解決策を紹介します。

同様の構造:

コードは次のとおりです:

< ;/iframe ">http://caibaojian.com">>

最初のタイプ: 透明な背景がカバーされます

p が透明な背景を使用する場合(不透明または rgba 形式) を使用しているかどうかに関係なく、他のブラウザでは iframe によってブロックされています。 -index は ie8 では無効です

ie では、iframe でビデオ再生を導入すると、p の z-index が無効になります。つまり、p の z-index がどれだけ設定されていても、カバーされてしまいます。ソース

解決策: iframe アドレスにパラメーター wmode=opaque を追加します。アドレスが http://caibaojian.com の場合は、http://caibaojian.com?wmode= に変更します。 flash は他の要素の背後にあります

さらに、flash にも z-index エラーの問題があることが分かりました

コードは次のとおりです。 ;param name="wmode" value="transparent">

または

コードは次のとおりです:

https://cdn.css-tricks.com/FlashAnimation .swf" type="application/x-shockwave-flash" wMode="Transparent">

付録 iframe のいくつかのパラメータ

border

コードは次のとおりです:< ;iframe border="3">

フレームボーダーの周囲のエッジ幅を設定します

frameboder

コードは次のとおりです:

iframe で呼び出すファイルまたは画像を指定します (html、htm、gif、jpeg、jpg、png、txt、*.*)

概要

以上がこの記事の全内容です。ご質問がございましたら、メッセージを残していただければ幸いです。

以上がdiv が iframe によってブロックされる場合のいくつかの状況と解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。