[B! png][CSS] webmarksjpのブックマーク

webmarksjp id:webmarksjp

pngとCSSに関するwebmarksjpのブックマーク (5)

IEでアルファチャンネルPNGを表示する（iepngfix.htc） - youmos
webmarksjp 2008/07/14
webデザイン

*css

*web制作

TIPS

css

png

ie6

css
リンク
アルファ画像を扱うalphafilter.jsライブラリ[to-R]
アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。そこで、IE6で透過pngを扱うjsライブラリを作ってみました。設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。  透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a
webmarksjp 2008/07/14
*javascript

JavaScript

png

webDesign

webCreation

*web制作

透過png

CSS
リンク
半透明pngを表示する〜CSSテクニック〜
webmarksjp 2008/07/14
webデザイン

フィルタ

css

png

ie

graphic

knowhow

image
リンク
IEと透過PNG
このページはIE7で致命的なエラー出るという情報を頂き、暫く公開を中止して修正予定のまま放置しておりましたが、ようやく修正致しましたので再び公開します。 PNGのアルファチャンネルによる透過（半透明）もサポートされていないインターネットエクスプローラ６。 (GIFと同レベルの２５６色での単色透過は問題ありません) バージョン７でようやく半透明PNGがサポートとなりましたが、他のブラウザと比較して余りにも遅れすぎ…。更にIE7は、Windows Vista、Windows XP、 Windows Server 2003だけですね。これらより古いWindowsには使えません。そして2006年末の現時点では、まだまだIE6 のユーザーが圧倒的に多いようです。 WEBサイトを作る側からすれば困った問題ですね。うかつに透過PNGを使ってしまうと、 IE6ユーザーから見ると「透過失敗してる…
webmarksjp 2008/07/13
*css

png

*tips

webデザイン

ie

tips

css
リンク
IE５でアルファチャンネルPNGを使うための一番簡単なライブラリ　あるいはIEの失われたテクノロジに驚異せよ
http://d.hatena.ne.jp/amachang/20070206/1170715555 http://labs.unoh.net/2007/02/ie6_png_fix.html http://web.kankodo.net/2007/02/01-233315.html http://phpspot.org/blog/archives/2007/02/iepngjavascript.html なんかはやってるみたいなんで作ってみました！一番設定が簡単だと思う。IE5IE5.5以上なら多分動く*1。あとIEすごいよ！というお話やりかた 1.次の内容を alpha.htc という名前で適当なところに置く <SCRIPT LANGUAGE="JScript"> (function(){ runtimeStyle.filter += 'progid:DXImageTransfo
webmarksjp 2008/07/13
**web制作

**スクリプト

*参考

透過

png

ライブラリ

Javascript

css
リンク
1