IE PNG Fix の使い方
今回はIE PNG Fixを使ってみたので、使い方をついでにメモしておきました。ちなみにIE PNG Fix 2が去年登場してるみたいなので、ここではIE PNG Fix 2の使い方を紹介します。 IE6 透過PNG表示、IE PNG Fix 2登場 | エンタープライズ | マイコミジャーナル ダウンロード Beta Testing Areaにアクセスして、IEPNGFix v2.0 Alphaをクリックしてダウンロードします。 ファイルを組み込む ダウンロードしたファイルを解凍したらiepngfix.htc、blank.gif、iepngfix_tilebg.jsの3つのファイルを任意のフォルダにコピーします。 そして、CSS内に以下のように記述してiepngfix.htcを読み込ませます。太字のところは自分の環境に合わせて書き換えてください。
【使用例】IE PNG Fix 2.0 Alpha 2
下準備 http://www.twinhelix.com/css/iepngfix/ から IE PNG Fix 2.0 Alpha 2 をダウンロードします。 CSSファイルに以下の１行を入れておきます（htcへのパスは、CSSではなくHTMLからのパスである点に注意） img, div, input { behavior: url("iepngfix.htc") } 以上！ ※背景画像にPNGを使い、それをリピートさせたい時は、JavaScriptファイル「iepngfix_tilebg.js」を<head>内に読み込んでください。 <script language="JavaScript" type="text/javascript" src="iepngfix_tilebg.js"></script> The standard Lorem Ipsum passage, used s
HugeDomains.com
Captcha security check monodez.com is for sale Please prove you're not a robot View Price Processing
透過PNGをIE6に対応させる方法いろいろ｜その他のJSライブラリ｜Ajax｜PHP & JavaScript Room
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-eq
DOCTYPEスイッチ
Updated 2013.09.27 / Published 2006.05.08 現在リリースされている視覚環境のUAには、宣言された文書型に応じてレンダリングモードを標準準拠(standard)モードか後方互換(quirk)モードに切り替えるDOCTYPEスイッチ(DOCTYPE Switching)の機能が備えられています。 これは、全ての制作者が宣言した文書型に定義されている仕様（ルール）に沿った文書を作成していれば、その仕様通りの動作や表示が期待できるので問題は起こりませんが、中には問題のある記述をしている制作者もいるために、UA側で宣言されている文書型に応じてレンダリングモードを切り替えるようになっています。後方互換(quirk)モードでは、拡大解釈をしたり、仕様で定義されている内容とは異なる独自の解釈する場合があります。 後方互換(quirk)モードの際に問題となる記述例 c
特に気をつけたいIE6のバグ
未だある程度のシェアを誇るIE6の有名なバグです。 Seesaaのブログをカスタマイズする上で、カラム落ちなど、大きくレイアウトが崩れる原因は、この２つだと思います。この２つを覚えておくだけでも、かなり違うと思います。 1）floatを指定した場合にmarginが２倍になる このバグは、floatと左右marginの特定の組み合わせで発生します。 下の例は、3つのボックスにfloat:leftを指定し、左右に10pxのmarginを指定しています。 この場合、左floatの一番左のボックスの左marginが2倍になります。 同様に、右floatの一番右のボックスの右marginも2倍になります。 全体の幅に余裕がある場合、問題ありませんが、きっちり合わせた場合、押し出されてカラム落ちになります。 （対策）marginが必要な場合、バグの発生しているボックスに、display:inline;
IE6でよく遭遇するCSSのバグとその解決方法 | コリス
Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する３つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが２倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが２倍になってしまうバグ IE6で、フロートした要素のマージンが２倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
[JS]IE6でもブラウザのサイズに合わせて最適なスタイルシートを適用するスクリプト -Adapt.js
CSS3のMedia Queriesを使用して同様のことができますが、CSS3非対応ブラウザでも動作し、且つjQueryなど他のスクリプトに依存しないでブラウザの幅をチェックし、そのサイズに最適化されたスタイルシートのみをロードさせる超軽量（894bytes）のスクリプトを紹介します。 Adapt.js - Adaptive CSS 左：ファイル名、右：スクリーンサイズ [ad#ad-2] スクリプトの制作は「960 Grid System」と同じNathan Smith氏なので、960 Grid Systemとの相性がよいのではないでしょうか。 また、対応ブラウザの表記は見あたりませんでしたが、IE6でも動作しました。 スクリプトでは、上記キャプチャのようにサイズごとに異なるスタイルシートを指定し、ユーザーの環境に合わせて最適なレイアウトで表示することができます。 下記は、同サイトをブラ
人類とIE6の戦いについに終止符、マイクロソフト社が告知サイト「ie6countdown.com」をリリース
人類とIE6の戦いについに終止符、マイクロソフト社が告知サイト「ie6countdown.com」をリリース わけのわからないバグやオレオレ仕様によって、すべてのWebデベロッパーの憎悪の対象であるマイクロソフト社のブラウザ「IE6」。その恨まれっぷりは、プログラマーとデザイナーの間の軋轢を軽く超えることは間違いありませんが、とうとうMS社自らが「IE6終了宣言」に向けて動き始めました。人類とIE6の戦いに、ついに終わりの日が来るようです。 今回マイクロソフト社が立ち上げたサイト「IE6 Countdown」は、いかにIE6のシェアが下がってきたか、なぜ私達はIE9に乗り換えるべきなのかを説明しているサイト。これを見ればあなたも即IE6との戦いに参加することができます。 IE6 Countdown 現在の国別IE6シェア。日本は世界の中ではやや高めとなる10.3％と、技術立国を目指す身とし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE6で透過pngを表示する
IE6で透過pngを表示する