cssで画像をプリロードする方法（改-とあるWEBクリエイターのblog
cssで画像をプリロードする方法（改 以前このblogで取り上げたcssのみで画像をプリロードする方法ですが、実は画像のプリロードが全くできてませんでした(汗 参考にされた方すみませんでした。 また、記事のアイデア元であるPHPSPOT(Specere Blogs)の方法でもプリロードはできません。キャッシュフォルダを見ながら検証いたしました。(IE6) ともにカスケーディングの仕様を誤解しての発想だったようです。 cssプロパティはカスケーディング(スタイルの上書きの事です)を行いますがブラウザが解釈するのは最後のプロパティです。ので、同じプロパティを複数カスケーディングしても有効になるのは最後のみでした。 さてリベンジということでcssで画像をプリロードする方法（改をご紹介します。 (x)htmlに記述するコード <img src="読み込みたい画像" width="0" height
CSSで実現するスマートなロールオーバー
CSSで実現するスマートなロールオーバー 暇があればコーディングコンテストの作品を眺めているのですが、ほんと勉強になります。 長谷川賞を受信したComplexさんが行っていたロールーオーバーの手法が、JavasScriptも画像置換も使わずにと素敵だったので紹介します。 サンプルはボクの方でアレンジしていますので、オリジナルも合わせて参考にお願いします。 まずサンプルのXHTMLソース <ul> <li class="ajaBtn"><a href="/ajax/"><img src="ajax_a.gif" alt="ajax" /></a></li> <li class="amaBtn"><a href="/amazon/"><img src="amazon_a.gif" alt="amazon" /></a></li> <li class="cssBtn"><a href="/css
コーディングコンテスト Vol.1 〜Coder's High〜｜CSS HappyLife
2次応募も締め切りました。 コーディングコンテスト Vol.1 ～Coder's High～を開催します！ 今回初の試みでもある（と思う）コーディングコンテスト。 用は、デザインは用意されてて、ソレを個々のスキルや考えに基づいてコーディングするというものです。 初回という事もあり、盛り上げたいな！と思っていたのですが、すんごい協力を頂けました。 ソレは、CSS Nite LP, Disk 3 と連動企画として動けたということ。 こんなWebの片隅でちまちま運営してるブログでも奇跡は起こるんですね。 さてさて、取り合えずさっさと必要データが欲しいって人の為に、目立たないDLボタンがありますので、そちらからダウンロードしてください。 このエントリーの追記で書いている詳細・必要事項は全て入れております。 （04/10：テキストデータ.txtが追加されております） 未統合psd、統合済みpsd、p
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
