2013年12月14日土曜日

prettyphotoやlightBoxなどの画像ポップアップで画像が下に潜る場合の対策

prettyphotoやlightBoxなどの画像ポップアップで画像が下に潜る場合の対策方法

●問題:
prettyphotoやlightBoxなどの画像ポップアップすると画像が下に潜る
・拡大した画像が、画面下部のYouTube に重なると潜り込んでしまう。
・ブラウザは、Chrome では問題なし。IE10、FireFoxで問題発生(環境:Win7)
・動画によっては、潜り込まないものもある。
・z-indexという重なり順を指定するCSSでも対応不可
  
●対策:
・埋め込みタグにコード追加: &wmode=transparen

 例:<iframe width="350" height="197" src="//www.youtube.com/embed/(★@動画アドレス)?rel=0&wmode=transparent" frameborder="0" allowfullscreen></iframe>

●結果:
 ブラウザ、Chrome 、IE10、FireFoxで問題なし(環境:Win7)

------------------------------------------------------------------------

対策方法があって良かったです。

0 件のコメント:

コメントを投稿

明治通り沿いのマクドナルド2階窓際から見た、土曜日の景色 20205年3月1日 青空 - 家族連れで混雑が予想される店内のコンセントがある窓際の一人席に座った。 モバイルオーダーの朝マックが届き、苦いホットコーヒーを飲みながら、ふっと空を眺める。 煉瓦調の向かいの4階建てマンショ...