Flashを使用しているページに、Lightboxなどを使用している場合、
Flashが前面にきてしまい、グレーの背景に隠れないってことがあります。
こんな感じに
Flashが前面にきてしまう
結構、自分なりに悩み四苦八苦した結果…
検索すると、
小粋空間さんの「Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す」という記事で紹介されていました。
object要素に下記を追加
<param name="wmode" value="transparent">
さらに、embed 要素に wmode 属性を追加
wmode="transparent"
結果
正常に背面に表示されました
このサイトを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には
<div class="analogue" title="アナログ">アナログ</div>
完成！
そろそろ、部屋のテレビも買い替えなきゃなぁ。
