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="alphafilter" alt="" /> 背景に透過pn
Diary 無料で使える画像配布サイト10選『Favorite 10 Free Stock Photo Download Sites』 無料で使える画像配布サイトを探している。 そんなあなたにおすすめなのが、『Favorite 10 Free Stock Photo Download Sites』。無料で使える画像配布サイト10選だ。 以下にご紹介する。 » Yotophoto » Image*After » Photogen » NOAA Photo Library » BurningWell » Backgrounds Archive » PD Photo » Public Domain Photos » WP Clipart » Uncle Sam’s Photos 無料で使える画像配布サイト、チェックして気に入ったサイトをストックしておきたいですね。 斉藤和義の「Because」を
画像のロールオーバーはJavaScriptやCSSを使えば実現できますが、そのやり方は色々あると思います。その中で、僕がよく使う方法を3つご紹介します。 1. text-indentでぶっ飛ばす text-indentでリンクテキストをぶっ飛ばし、a:hoverで背景画像をずらすことでロールオーバーを実現。 <a href="/">ホーム</a> a { display: block; width: 120px; height: 40px; /* \*/ overflow: hidden; /* */ text-indent: -9999px; background: url(/img/navi.gif) no-repeat 0 0; } a:hover { background: url(/img/navi.gif) no-repeat 0 -40px; } この方法だとJavaScri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く