IE6用透過png対応策、DD_belatedPNGの使用法と注意点
以前もこの「DD_belatedPNG.js」に関してはエントリーしましたが 『IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」』、あまりの素晴らしさにオススメするだけして使用法とか注意事項など大事な部分に触れずじまいでした。 この素敵な透過png対応策であるDD_belatedPNGちゃんですが、img要素に使用する際にも、div要素やp要素等の背景画像に対して使用する際も、ほんのちょっとしたクセがあります。 なので、今回はこの偉大なる「DD_belatedPNG.js」の使用方法と、使用に関するちょっとした注意点などをエントリーしようと思います。 DD_belatedPNGの使用法と注意点 1.使用するための準備 まずはこの「DD_belatedPNG.js」自体をダウンロードしないコトには始まりません。 配布元のDrew Diller’s bl
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
バナナマン日村がマジ切れ、「俺は傷ついている」という悲痛な叫び - ncat2の日記
『めちゃイケ』に限らず、ある世代のお笑い芸人は「権威を傘にしたいじめ」を肯定している - 昨日の風はどんなのだっけ？ お笑いといじめ。この二つは、コアなお笑いファンほど切り離して考えようとしがちだが、実際のところ、切っても切り離せない関係にあることが事実だ。上記の記事では、そのことについて具体的に述べている。それと同時に、一つ、それに関連した非常におもしろいラジオの回があったのを思い出した。良いきっかけを得たので、それについて紹介し、解説を加えていこうと思う。 それというのは、2009年03月16日放送の「バナナマンのバナナムーン」での出来事である。実は、過去に「バナナマンのバナナムーンが最高におもしろかった。」という記事で紹介しているものだ。その記事にも概要は書いてあるが、ここでは引用などを駆使して一から説明して行こうと思う。また、この放送の最後では、「誰が悪いのか」という投票が行われて
[N] 「Google Analytics完全解説」著者から聞いた知らないと損しそうな5つのTips！
献本はしばしば頂くのですが、献本ついでに著者じきじきに浦和にやってきて「ネタフルでまだ使っていない機能を解説しますよ」とおっしゃるので、思わずお願いしてしまいました。 ということで「Google Analytics完全解説」という本日発売の解説本の著者のお一人から直々に「これは知っておくとお得だなぁ」というTipsを5つお聞きしました！ そんな使い方があるのか！ と驚いたので、ブログにまとめておきたいと思います。 ▼Google Analytics 完全解説 (大型本) 「デフォルト設定のまま使っていませんか？」というのがその主旨だったのですが「はい、デフォルトのままです」というのが、ぼくのGoogle Analyticsの使い方の現状でした。 そこで「より有効に使う五つのTips」というのを教えてもらうことになりました。 新しい機能を使う前に、古いトラッキングコードをブログに埋め込んであ
電源コードのごちゃごちゃをすっきり整理する魔法の方法:アルファルファモザイク - ２ちゃんねるスレッドまとめブログ
■編集元：ニュース速報板より「電源コードのごちゃごちゃをすっきり整理する魔法の方法」 1 薬さじ(北海道) :2009/12/10(木) 14:29:24.65 ID:VysO4/mu ?PLT(12000) ポイント特典 電源コードのごちゃごちゃをすっきり整理する魔法の方法 いまや、なんでもワイヤレスの世の中だけど、最後まで残るのが電源コード。うっかりすると、電化製品の数だけ必要な電源コードは増える一方。筆者の仕事机でも、ノートパソコンのACアダプター、携帯電話の充電器、デジカメ用バッテリーの充電器、小型スピーカーのACアダプター、外付けハードディスクのAC アダプター、そしてiPod用の充電ケーブルと合計6本の電源コードがぶら下がり、足元の電源タップにつながっている。まさにスパゲッティ。ホコリが溜まると火災の原因にもなりかねないので安全面でも問題だ。 みんなが“見て見ぬふり”を
Firefoxで長時間ネットを見ているとだんだん重くなってくるのを何とかしたい。 | 教えて君.net
Firefoxの弱点の1つにメモリ消費の大きさが挙げられる。長時間起動したままにしておくとメモリ消費量はどんどん大きくなり、メモリの少ないパソコンではほかの作業ができなくなってしまう。Firefoxを再起動すれば回避できるが、しょっちゅうブラウザを再起動するのは面倒。そこで「AFOM Plus」というアドオンを利用しよう。 指定した間隔ごとにFirefoxのメモリ開放を行ってくれるため、再起動の必要がなくなる。起動したままにしておくと、数百Mバイトものメモリを消費することも珍しくないが、メモリ開放の間隔を短くすれば、常に100Mバイト以内に抑えられるはずだ。 なお、このアドオンは初期設定のままだとFirefox起動時に自動で動作しない。オプション画面からスタートアップ登録しておこう。 「この実験的なアドオンをインストールします」にチェックしてAFOM Plusをインストールし、再起動する
IEでのCSSのバグを回避するhasLayout | コリス
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値（read-only） false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ
[CSS]floatを解除する「clearfix」のIE6/7に対応した改良版
floatを解除する際にclearを使用せずに解除する「clearfix」の改良版をPerishable Pressから紹介します。 The New Clearfix Method いわゆる旧タイプのclearfixはMac IEも対応ブラウザに含まれているため、スタイルシートは下記のようになります。 旧タイプのclearfix <textarea name="code" class="css" cols="60" rows="5"> .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; } /* Hides from IE-mac */ * html .cle
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ケチのつけようがない完璧な映画をあげてけ : VIPPERな俺