IE6で透過ＰＮＧを背景にした場合にリンクが効かなくなる不都合
スポンサードリンク
IE6でie7.jsを使った際、透過PNGを背景にするとリンクが効かなくなるという問題がありまして、その解決方法をご紹介いたします。方法はいたって簡単！透過ＰＮＧを背景にしている要素のa（アンカー）タグに、position:relativeを追加すると解決します。微妙に困る仕様ですが、それを差し引いても便利なie7は偉大です。！
Filed under CSS, Dreamweaver, Tips, てるよし, メモ, 未分類 | Comment (0)IE6で透過PNGを表示する方法
スポンサードリンク
すでに激しく既出ですが、現在最も簡単でお手軽である、ie7-jsを使用する方法をご紹介いたします。
１、まずは透過ＰＮＧを作成します。Fireworksで作成する場合、背景を何も無い状態（透明）にし、保存形式をPNG32として画像を保存します。
２、ここが肝心。Google コードのie7-jsをサイトに読み込みます。これは直接Googleから読み込んでくることになります。ＤＬしてサーバに置くことも可能。下記ソースを<head></head>内に記述します。現在のバージョンは2.0(beta)なので、そのＵＲＬを。こちらはこまめに本サイトをみてバージョンアップのチェックが必要ですね。
<!--[if lt IE 7]> <script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js” type=”text/javascript”></script> <![endif]–>
３、利用したい透過pngに xxx-trans.png という風に、名前の後ろに-trans.png をつけることで、その透過pngをIE6で使うようにすることができます。画像の名前がsample.pngであれば、sample-trans.pngといった感じの命名ルールとなります。
以上です。設置も非常にカンタンなので、今のところの一番のオススメでございます。
Filed under CSS, Dreamweaver, Tips, てるよし, メモ | Comment (0)IE 6で泣かないための9つのCSSハック
スポンサードリンク
http://www.atmarkit.co.jp/fwcr/design/benkyo/csshack01/01.html
IE 6で泣かないための9つのCSSハック
おさらいの意味もこめて、参考になる記事を紹介します。
代表的なIE6のバグの解決策が纏められています。
このテクニックで100％対処できるわけではありませんが、それでもずいぶんマシにはなるはず。
まだ数年間は、IE6は普及しつづけるでしょうから、がっつりとこの手のテクニックはマスターしておくべきですね。
Filed under CSS, Dreamweaver, Tips, Web全般, てるよし, メモ | Comment (0)
