Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。
デフォルトテンプレートで新しく表示されている Movable Type 4 のロゴは透過PNGのため、IE6以下のブラウザでは透過されず、2色で表示されてしまいます(下)。 ここでは pngfix.js を利用して透過する方法を紹介します。 PNG in Windows IE: How To Use 他にも透過PNGライブラリは色々出回ってます。 AlphaLoader - Public Amachang to-R:アルファ画像を扱うalphafilter.jsライブラリ ユンサンの/융상의/YungSang's:透過PNG と IE と IE7 1.スクリプトのダウンロード・アップロード PNG in Windows IE: How To Use の中間辺りにある pngfix.js のリンクをクリックして、pngfix.js をダウンロード。 ダウンロードした pngfix.js をサ
画像の貼り付け方を指定します。 設定値はcrop、image、scaleとなります。デフォルト値はimageとなります。 ・cropはそのまま貼り付けます。 ・imageは要素のwidth、heightの値に関係なく要素を画像の大きさに合わせます。 ・scaleは要素の大きさに合わせて画像を拡大縮小。要素の大きさが画像のサイズ以下ならば指定したwidth、heightに合わせますが、要素サイズの方が大きい場合には、拡張して表示します。
IE7で透過PNGがサポートされて、以前からもありましたが、透過PNGをIE5.5、6でも表示させるJSライブラリがいくつか出ています。 これらのライブラリは、IE独自のAlphaImageLoaderフィルターを利用して擬似的に透過PNG表示をさせています。 でも、このAlphaImageLoaderフィルターには、癖があって、それで以前にハマったことがあります。 実例 IE6(5.5)で見てください。 吹き出しの中のLingerへのリンクをクリックして移動することができますか? 原因 原因がさっぱりわからなかったので、ライブラリの中身を見て、AlphaImageLoaderで検索したところ以下の情報が。 PNG ちょっと裏技 (2) http://www.minc.ne.jp/~konda/new/png/urawaza02.html アルファイメージローダーを使用した要素(タグ)の内
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く