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 件のコメント:

コメントを投稿

雑誌:POPEY 931 2024 11月号 特集:やっぱりバンドっていいよね。

雑誌:POPEY 931 2024 11月号 特集:やっぱりバンドっていいよね。 雑誌をざっと眺めながら、知らないバンドばかりなので、YouTubeで音源検索して軽く聴いた。 ()内は、雑誌に書かれてあった内容の要約と、なんとなく思ったものを付け加えておいた。 誤りなど多々あると...