ブログで小説！

透過効果を使ったテンプレートが、いくつかあります。

例：
8571/6205/1002/1001/804

(以降の記事は、↑のどれかをクリックしてから読んでいただくと判りやすいかと)

透過効果は、美しいと思うのですよ。でも、画像をおくと、画像の中まで背景がすけて「まだら」になってしまうのですね。
（とくに余白の多い画像は目立つかも……。例↓）


ユーザーフォーラムで、こんな記事を見ました。
「style="position:relative;"」を入れるだけで↓

IEの透過効果（filter : Alpha(opacity=xx)）にかんしては、画像が透けなくなるというのです。

残念ながら、FireFox透過（-moz-opacity :）には無効のようです。それでも、当ブログでアクセス解析をかけていたときに(2006.5.20,ユニークアクセス：138)、IEのシェアを調べたところ、まだ８割ありました。８割の方に有効であれば、使ってみる価値があるように思います（←私見ｗｗ）

ただ、IEできれいに表示されていても、FireFoxなど別ブラウザでチェックすることをお勧めします。レイアウトが崩れることもあるらしいので、そのときにはいさぎよく諦めましょうｗｗ。


2007.5.1追記
上記方法ではダメだったテンプレート“sakura”。ごねくりまわしているうちにIEでだけ表示可能になったが、「絶対にオススメはできない」（入力面倒、Firefoxなどで表示されない、テンプレート替えたらオカシクなる）

<div style="display:block;position:relative;width:200px;height:40px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='[画像URL]',SizingMethod=scale);"></div>

↓backgroundではだめ。



■本人備忘
firefox,operaで透過：
http://weblibrary.s224.xrea.com/weblog/css/cat15/iefirefoxoperanetscapesafarics.html