IE6で透過pngを表示する「DD_belatedPNG」のサンプル
IE6で透過pngを表示する「DD_belatedPNG」のサンプル このページはMiz3.net DD_belatedPNGはすごい！のサンプルページです。 IE7以降がインストールされている環境の方はIETesterを使えばIE6環境を再現できます。 「DD_belatedPNG」とは IE6で透過pngを表示するJavaScriptライブラリ。 「AlphaImageLoader」や「AlphaImageLoader」を利用したライブラリではほぼ不可能（条件によっては裏技を使えば可能）だった背景のposition指定やその他の様々な欠点がほぼ解消されています。 「AlphaImageLoader」よりも動作が軽く処理が速いそうです。 「DD_belatedPNG」の使い方 http://dillerdesign.com/experiment/DD_belatedPNG/でDD_bel
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
Tobacco Sheets: The Next Big Thing?
Welcome to a transformative chapter in the tobacco industry. I am Thomas Erickson, a seasoned expert with decades of experience in tobacco product development and quality assurance. Through my platform, IE6Update, I delve into pivotal innovations reshaping our field. Today, we spotlight tobacco sheets—a sustainable, health-conscious advancement poised to revolutionize smoking habits and environmen
[CSS]100%幅のヘッダとフッタを天地に固定表示するスタイルシート
ビギナーズ向けに解説された、100%幅のヘッダとフッタを固定幅のコンテンツの天地に固定表示するスタイルシートをNoobcubeから紹介します。 Fixed Header & Footer Layout: A Beginner's Guide demo スタイルシートはIE6をはじめとする主要ブラウザをターゲットにしており、IE6用のスタイルシートファイルやdivの入れ子でIE6に対応しています。 HTML箇所の最小構成は、下記のようになります。 <textarea name="code" class="html" cols="60" rows="5"> <body> <div id="header-wrap"> <div id="header-container"> <div id="header">ヘッダ</div> </div> </div> <div id="ie6pagewrap"
[CSS]スタイルシートを自動でIE6対応にするオンラインサービス -ie6fixer
手元のスタイルシートをフロートやネガティブマージンなどIE6のバグを回避する記述を自動生成するオンラインサービス「ie6fixer」を紹介します。 ie6fixer IE6に対応したスタイルシートを生成する方法は、以下の手順です。 「master stylesheet」の欄に、スタイルシートを入力。 「Give me my ie6 fixes」ボタンをクリック。 以上で、IE6のバグに対応したスタイルシートが生成。 IE6のバグに対応している箇所は、現在のところ下記の通りです。 「min-height」は、「height」に変更。 「float」は、「display:inline;」を追加。 「position:relative;」は、「zoom:1;」を追加。 ネガティブマージンは、「position:relative; zoom:1;」を追加。 「overflow:hidden;」は、
DD_belatedPNG: better PNG background-image support in IE6
Long story short, this uses Microsoft's implementation of VML instead of Microsoft's AlphaImageLoader filter. I stumbled upon the notion that PNG images show up correctly in a VML fill element while working on DD_roundies. Thereafter, some Googling revealed that a few people had already known about this. The intended implementation is pretty easy: Download a copy of the DD_belatedPNG Javascript fi
【使用例】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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - DesignWalker
http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs