iepngfix.jsのロールオーバーに自分なりに対応してみた - BOB'S YOUR UNCLE BLOG（仮）
iepngfix.jsを使用するとIE6でも透過PNGを使用できます。 iepngfix.js ユンサンの／융상의／YungSang's: 透過PNG と IE と IE7 まとめ 非常に便利でよく使っていたのですが、ロールオーバーの使い勝手がいまひとつでした。 ということで、自分なりに作ってみました（jQueryが必要です）。 使用例を見る（IE6でロールオーバーします） iepngro.js(IE PNG RollOver.js) var ua = navigator.userAgent; if(ua.indexOf("MSIE") != -1 && ua.indexOf("6.0") != -1) { var ie6 = true; } $(function(){ if(ie6 && IEPNGFIX) { $('.PNG').each(function() { var clas
IE6以下で透過PNGを使用する（JavaScript使用）｜web bibo
最近Webサイトでよく見かける透過PNG。まず下の画像を見てください。（できればIE6以下で見て欲しいです） 背景が白だったら透過処理しています。背景がグレーだったら透過されていません。モダンブラウザ（FireFox,Opera,Safariなど）では問題なく表示されるんですが、IE6以下ではPNGの透過処理がされないんです。そこで、透過PNGをIE6以下でも使えるようにするちょっとしたテクニックを紹介します。 iepngfix.jsを使う 1. まずユンサンの「透過PNGとIEとIE7まとめ」からiepngfix.jsをダウンロードします。 2. iepngfix.jsファイルをアップロードして<head>から</head>の間に以下のコードを書きます。 <!--[if IE]> <script src="iepngfix.js" charset="utf-8" type="t
アルファ画像を扱うalphafilter.jsライブラリ[to-R]
アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a
![アルファ画像を扱うalphafilter.jsライブラリ[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
