WordPressでIE6のPNG透過

WordPressが無事動作したところで、
テーマがデフォルトのままというのが寂しい。

早速物色してみると、、、
さすがWordPress、色んなテーマがあるわあるわ。

とりあえず日本語化可能なモノに限定するとある程度絞れたので、
あとは好みでシンプルな感じのを探してみたところ、結局有名どころ
だけど「iNove」のほどよいシンプルが気に入って決定!

あんまりカスタマイズするのも面倒だけど、そのまま使うってのもなんだかな。
ヘッダーとフッターぐらい自前で準備するか!

ということで貧乏人の味方、フリーのベクターグラフィックソフト Inkscape
ササっと作成して入れ替えてみる。

「こんなもんかな」と思っていたんですが、たまたまIEで見たら、、、

ie6pngfix1

透過してない。。。

そういえば、IE6でPNGの透過ってダメなんだった。。。

以前、 ie6pngfix.js を使わせていただいて解決した経験があったので、
同じようにテンプレートとスタイルシートをいじってみた。
とりあえずルートフォルダに ie6pngfix.js をアップして、

>>header.php

<script src="iepngfix.js" charset="utf-8" type="text/javascript"></script>;

>>style.css

* html #powered {
	behavior: expression(IEPNGFIX.fix(this));
}

てな感じで追加してみたら透過成功!!

「やったぜ~」などと喜んでいた矢先、こんなのを見つけてしまった。

プラグインがあるじゃねーか・・・orz

悔しいので ie6pngfix.js も header.php も style.css も、
全部元通りにして、結局 HITS-IE6 PNGFix を使いました・・・

ie6pngfix2

無事透過。

ちなみにこの HITS-IE6 PNGFix で透過したとき、
Method によっては外観が崩れました。

ie6pngfix.js のスタイルシートの追記を参考にして、
Twin Helix を選択、 CSS Selector に #powered を
指定してみたところ問題ないようですが。

CSSを指定しているってことは、結局 ie6pngfix.js と
同じような処理をしてるのかな??

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク