透過PNGをIEできちんとopacityさせたい ｜ Tips Note by TAM
透過PNGをIE6/7/8にエラーなく反映させたい時、みなさんどのように対処されていますか？ 今回、つまずきがちなその問題に立ち向かうべく、私なりに色々と調べてみました。 有用と思しき記事に出会うたび、リンク切れだったり、ちょっと難しかったりしたので、 簡単にわかりやすく、次に自分が対応するときのことも考えて記事に残したいと思います。 今回はMach3.laBlogさんのページを参考に実際のサンプルを作っていくことにいたしました。 【参考サイト】 IEの透過PNG+opacityの不具合を治すメモ | Mach3.laBlog 透過PNGをIE6で使用する際に有名なのは「DD_belatedPNG」ですが、 IE6向けのライブラリのため、IE8ではエラーが出てしまいます。 IE6/7/8全てに透過PNGを対応させるため、Mach3.laBlogさんの記事を元に、 「DD_belatedPN
ロゴを（切り抜かずに）透過する - DTP Transit
支給されたロゴがビットマップのみで、かつ背景が透過されていないといったケースがあります。 トレースしようにも解像度が低くてムリ、こんなときに使えるテクニックをご紹介します。 この記事の元ネタは、CreativeTechs Tips » Isolate a Logo on a Transparent Background.です。 斜体の「背景」レイヤーになっている場合には、レイヤー名をダブルクリックして「レイヤー0」に変更します。 ロゴの透過を確認するための新規レイヤー（レイヤー1）を作成し、適当なカラーで塗りつぶします。「レイヤー1」は「レイヤー0」の下に移動します。 「レイヤー0」のサムネールをダブルクリックして、［レイヤースタイル］ダイアログボックスを表示します。［ブレンド条件］の「このレイヤー」にある白いスライダーを左方向にドラッグします。 「レイヤー0」の白地が透けますが、フリンジ
Error 404 - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～
スクロールしても消えないドロップシャドウの作り方 July 30, 2007 4:40 PM written by Gen Taguchi メモ書きもかねてエントリー。ページをスクロールしていってもページの上や下にドロップシャドウを貼り付けておく方法。 ↑ このようなドロップシャドウですが・・・。 ↑ スクロールしても付いてきます。 サイトに立体的な効果をつけたいときに使えそうですね。いろいろ応用も利きそうです。 なお、PNGの透過部分を使っているのでInternet Explorerでは動きません。実際に動いているデモはこちらから。 詳しい作業ステップは以下のサイトからどうぞ。 » Scrolling Drop Shadows | Zooiblog Info: デザイン全般 | 固定リンク | コメント (0) | トラックバック (2) | ↑ この記事のトラックバックURL （
アルファ画像を扱うalphafilter.jsライブラリ[to-R]
アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a
![アルファ画像を扱うalphafilter.jsライブラリ[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PNGとGIFとJPEG…Web用画像の書き出し、どんな風に使い分けていますか？［2011年7月現在］ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
IE6の透過pngのロールオーバー « 有限会社リセットのコーディング
透過をきれいに使ったウェブデザインいろいろ - DesignWalker
IEでアルファチャンネルPNGを表示する （iepngfix.htc） - youmos
透過PNGをIE6以下のバージョンで綺麗に表示する方法 - DesignWalker
半透明pngを表示する 〜CSSテクニック〜