「png」タグアーカイブ

CSSとpng画像1つだけで作るグラーデーションテキストエフェクト

これはなかなかいいアイデア。あくまでもテキストはテキストデータとして保持したまま、見た目だけグラデーション。 CSS見れば、「ああ、なるほど」って感じで複雑な事はしていない。発想がキラリです。

続きを読む CSSとpng画像1つだけで作るグラーデーションテキストエフェクト

このエントリーをはてなブックマークに追加
はてなブックマーク - CSSとpng画像1つだけで作るグラーデーションテキストエフェクト
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

winIE 5.5/6 で透過pngを表示する(2)

linkablePNG.png 前回、windows IE 5.5 / 6 でもアルファチャンネル付きpngファイルを透過表示する方法を取り上げました。

IEに実装されているフィルター機能alphaImageLorderを利用して、winIEでも半透明のpngを表示できるのですが、この方法で背景画像を貼り込んだブロック要素内ではリンクがクリックできない状態になってしまいます。 続きを読む winIE 5.5/6 で透過pngを表示する(2)

このエントリーをはてなブックマークに追加
はてなブックマーク - winIE 5.5/6 で透過pngを表示する(2)
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

winIE 5.5/6 で透過pngを表示する(1)

pngOpacity-thum.jpg 自サイトを一から作り直してる最中で、背景にアルファチャンネル付きpngで透過する背景を使おうかと。今時は多くのブラウザが24bit png のアルファチャンネルに対応しているので、基本的にはimgタグで張り込むのもCSSでブロック要素の背景に張り込むのscrなりurlなりで指定するだけで何らgifやjpgとかわらずに使える…のが理想なのですが、最も普及しているFuckin’ブラウザ「Windows版 InternetExplorer」だけは未だにアルファチャンンネルを利用した24bit透過pngに対応していません。既にbeta Previewがリリースされ、正式リリースが待たれるIE7では標準対応するようですが、リリース後も当分の間は旧バージョンを利用するユーザーが多いであろうことは否めません。

そこで、調べてみるとIE5.5 / 6でも透過pngを表示することが可能とのこと。ieお得意の独自実装機能を利用します。 続きを読む winIE 5.5/6 で透過pngを表示する(1)

このエントリーをはてなブックマークに追加
はてなブックマーク - winIE 5.5/6 で透過pngを表示する(1)
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]