[B! JavaScript][png] popup-desktopのブックマーク

http://www.inforz.net/image/231.html

For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.

popup-desktop 2010/03/29

リンク

IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ | Blog hamashun.com

最近はアルファチャンネルを含むPNG画像を利用したサイトが増えてきたように感じます。 2008年9月号のWeb Designing誌でも特集が組まれたりと、関心も高まっているようです。ただ、そこで問題となるのはIE6のアルファチャンネル問題。何らかの手段でこれを解決する必要があります。少し前の仕事でこの問題を解決する必要があり、いくつかのライブラリを試してみたので、それをまとめてみます。なお、img要素ではなく、CSSの背景画像で使用する場合として検証しました。 img要素にだけ適用したい場合には、もっとシンプルな方法があるかもしれません。概ね共通する事標準準拠のCSSのみでは不可能 IEの独自拡張の、filterプロパティを使う必要があります。 CSS内に記述する方法やhtcファイルを使う方法、JavaScriptを使う方法でも、結果的にはこのfilterプロパティのAlph

popup-desktop 2008/09/27

リンク

IE6 透過PNG表示、IE PNG Fix 2登場 | エンタープライズ | マイコミジャーナル

17日(米国時間)、IE PNG Fixの最新版となるIE PNG Fix Alpha 2が公開された。IE PNG FixはJavaScriptで開発された透過PNGサポートライブラリ。LGPLのもとで提供されており、透過ライブラリがサポートされていないIE 6やIE 5.5で透過PNGを表示できるようにする。 IE PNG Fixを使って透過PNGを表示させる場合、CSSファイルに1行設定を追加するだけでよく、HTML自身を編集する必要がないという特徴がある。img要素によるバックグランドイメージ表示にも対応している。IE PNG Fix Alpha 2では背景ポジションの指定やリピートもサポートされている。 IE PNG FixはIE 6やIE 5.5に影響を及ぼすが、FirefoxやOperaなどほかのブラウザには影響を及ぼさない。類似したJavaScriptライブラリにはIE7.

popup-desktop 2008/07/21

位置指定にも対応。

リンク

RedLine Magazine : 半透明ボックスに関するメモ

半透明ボックスに関するメモ ※2008年2月8日、IE6でinputボタンが押せない件について追記しました。半透明ボックスに関してのメモ。デザイナからの要望はこんな感じ。「よくあるタイプのコンテンツ部分の背景に単色ベタの土台を置くようなデザインじゃなくて、今回は背景画像を活かしたデザインにしたい、テキストやら写真やらの中身を入れるボックスだけ半透明にして見せたい背景画像をうっすら表示させたい。」今回やっかいだなと思ったのが、コンテンツ部分が全面そういう風に背景の上で半透明になっているのではない点。タイトル画像が入る部分やそれぞれのセクションの余白部分は半透明ではなく、素の背景が見えるというもの。文章にするとややこしい・・・つまりこんな感じ↓。(背景とか色合いとか変だけどあくまでサンプルだから気にしないでください・・・。) 半透明のボックスって中身も半透明になるんだよね CSSだけでボ

popup-desktop 2007/12/10

リンク

透過PNGの罠 - AUSGANG SOFT

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 アルファイメージローダーを使用した要素(タグ)の内

popup-desktop 2007/02/18

リンク

IT戦記 - 僕も半透明 png を使うためのライブラリ作った！

いろいろと古い IE で半透明 png を使うための JS が紹介されています http://web.kankodo.net/2007/02/01-233315.html http://labs.unoh.net/2007/02/ie6_png_fix.html http://phpspot.org/blog/archives/2007/02/iepngjavascript.html で、自分も使おうと思ったのですが。ライブラリの依存とか、 window の load イベントの時に処理されるのがちょっとだけ嫌だったので、自分用のを作りました。意外と便利だったので公開しますデモ(IE5.5 or IE 6 で見てください) http://usrb.in/amachang/static/AlphaLoader/demo.html 使いかた半透明にしたい img 要素のあとに http

popup-desktop 2007/02/07

リンク

アルファ画像を扱うalphafilter.jsライブラリ-とあるWEBクリエイターのblog

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