本日のわたくし -Lightboxなどで、Flashが前面に表示される編-

spring-tree — Mon, 19 Jan 2009 04:06:08 +0000

Flashを使用しているページに、Lightboxなどを使用している場合、
Flashが前面にきてしまい、グレーの背景に隠れないってことがあります。

こんな感じに

Flashが前面にきてしまう

結構、自分なりに悩み四苦八苦した結果…
検索すると、
小粋空間さんの「Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す」という記事で紹介されていました。

object要素に下記を追加

さらに、embed 要素に wmode 属性を追加

wmode="transparent"

結果

正常に背面に表示されました

本日のわたくし -IE6で見ると「アナログ」と表示される編-

spring-tree — Fri, 16 Jan 2009 11:01:42 +0000

このサイトをInternet Explorer 6以下で表示すると
画面の右上に「アナログ」って表示されてます。

元のネタはCSS HappyLifeさんが記事に書いていたものです。
面白そうなので、やってみました。

Internet Explorer 6以下で表示した場合

ちみにcssコードは

.analogue {
 display: none;
 }

*html .analogue {
 display: block;
 position: absolute;
 top: 30px;
 right: 15px;
 background: #ffffff;
 padding: 8px 10px;
 border: 1px solid #333333;
 font-size: 12px;
 font-weight: bold;
 color: #333333;
 filter:progid:DXImageTransform.Microsoft.
Alpha(Enabled=1,Style=0,Opacity=60);
 }

filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=60);
上の記述で不透明度を60%に設定してます。

でもってHTMLには

アナログ

完成！

そろそろ、部屋のテレビも買い替えなきゃなぁ。

spring-tree » web design

本日のわたくし -Lightboxなどで、Flashが前面に表示される編-

本日のわたくし -IE6で見ると「アナログ」と表示される編-