DD_belatedPNGを使ってる場合でもスマートロールオーバーが動くようにする - orangain flavor
はじめに DD_belatedPNGを利用すると、IE6でPNGファイルを透過させることが出来ます。 DD_belatedPNGはITキヲスク | IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」で解説されているように、簡単にそして高速に透過PNGを表示できるという特徴があります。 しかし、ITキヲスク | IE6用透過png対応策、DD_belatedPNGの使用法と注意点で解説されていますが、次のような問題点があります。 ここで、img要素に使用する際のいくつかの注意点を。 ただimg要素にpng画像を使うだけなら、上記で何の問題もありません。 しかし、png画像のimg要素にロールオーバーを設定したい場合、少し注意とコツが必要なんです。 たとえば、png画像のimg要素を<a>要素で囲んでリンクボタンとして、img要素をロールオーバーさせたい場
IE6でGooglemapsを使うときの注意点
Google Maps API version2 を使ってGooglemapの表示をするようにしたのですが、 IE6でだけ地図が灰色になってしまって表示ができませんでした。 以前も同じ所でつまづいたのでメモです。 DD_belatedPNG.jsを使用していて、Googlemapの表示場所がDD_belatedPNG.jsの指定範囲内だとGooglemapの表示がされないようです。 <!--[if IE 6]> <script src="<?php bloginfo('template_url'); ?>/js/DD_belatedPNG.js"></script> <script> DD_belatedPNG.fix('img, .png_bg'); </script> <![endif]--> 上記の様にimg要素全体に指定しているとダメなようです。 <
"透過PNGをIE6で表示"の決定版？「IE PNG Fix 2.0 Alpha 2」 - Web技術Input&Output
例えばCSSclip（http://www.cssclip.com/）で紹介されているような先進的なWebデザインでよく使われているのがPNG画像。特徴として、画像内に透明度の情報を含むことが可能ですので、うまく使えば透明感あるWebデザインを作れます。 ただ、今もなお相当なブラウザシェアを誇る（？）InternetExplorer6（以下IE6）ではPNGの透明度情報をサポートしていないため、Web制作者は色々と悩まされてきました（「IE6 PNG」で検索すると悩みの痕跡が分かるはず？）。 しかし！ 2008年7月、そんな問題に終止符を打つかもしれないライブラリが登場していました。 IE PNG Fix 2という名前だそうです。 IE6 透過PNG表示、IE PNG Fix 2登場| エンタープライズ | マイコミジャーナル IE6でも、透明度情報を含んだPNG画像をきちんと表示出来るだ
IE PNG Fix - TwinHelix
IE PNG Fix 2.0 Alpha 4 This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! Full CSS background positioning and repeat are supporting (including CSS sprites). It requires only one line in your CSS file, and no changes to your website HTML. <IMG> tags and background images are both supported. Script License Ag
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
