![http://fukuyama.co/imagealpha](https://cdn-ak-scissors.b.st-hatena.com/image/square/66d1d1cb5ba311926bc1ea102d080fbb2b74a7f2/height=288;version=1;width=512/http%3A%2F%2Ffukuyama.co%2Fwp-content%2Fuploads%2F2012%2F07%2Fimagealpha1.jpg)
IE7がPNG画像に対応しましたが、まだまだIE6ユーザーも多いため、実際のところまだしばらくPNG画像は使えないのが現状です。 色々なところでPNGをIE6に対応させるスクリプトが配布されていますが、ブロックレベルに内包されているaタグのリンクが機能しなくなる、img直置きに対応していないなど、弱点がいくつかあるのが現状です。 何とかできないものかと、先日会社のプログラマーの方と試行錯誤してみたところ、意外とあっさり完全に対応させることに成功いたしました。 これでデザインの幅が大幅に広がった今日この頃です。 手順1 まず、以下のサイトよりiepngfix.jsをダウンロードしてください。 透過PNGとIEとIE7 ソースの<head>~</head> に以下のソースを記述し、スクリプトを読み込みます <script src="xxx/iepngfix.js" type="“text/Ja
ここでは、ちょっと役立つJavascriptをメモ程度に置いていきます。 ご自由にお使いいただけますが、設置後の動作を保障するものではありませんのでご注意ください。 006 IE6でpngファイルをキレイに表示させる 最近のブラウザでは普通に対応している透過pngファイルの表示ですが、InternetExplorer6では対応していません。でも、最近のデザインではpngも使いたいし・・・という方にオススメのjsがあります。 >> Unit PNG Fix こちらのサイトでダウンロードできるファイルに「unitpngfix.js」というjsがありますので、外部読み込みで各ページにリンクさせればOKです。また、「clear.gif」という画像ファイルも必要ですのでアップしましょう。 ::::: HTML表記 ::::: ◎ヘッダー内に記入します。パスを間違えないように。 <script
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く