CSSでロールオーバーボタン(マウスが上にくると画像が変わるボタン)を実装する際に、プリロードを行っていないと、マウスオーバー画像が読み込まれるまでに若干のチラツキが発生します。 プリロードはjavascriptで行うの方法が一般的ですが、CSSで行うとデザイン時に同時にプリロードの処理を行うことができて便利です。 (X)HTMLに記述するコード <p class="button"> <a href="#">sample</a> </p> CSSに記述するコード p.button{ background:url("img01/a_img.gif") no-repeat; } p.button a{ display:block; width:200px; height:50px; background:url("img01/b_img.gif"); text-indent:-9999px;
CSSナビゲーションメニューなど。IE6限定のバグ。マウスカーソル(ポインタ)をメニューに重ねると、背景が切り替わる一瞬にマウスカーソルが「処理中」状態の砂時計マークになる。 html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } 上記で解決できます。 * html { filter: expression(document.execCommand("BackgroundImageCache”, false, true)); } IE6だけに認識させるようにハック書きをしたい場合は上記のように。どのみちIE6しか解釈できないはずだけど。 この「expression」というのは「ダイナミックプロパティ」というもので、CSS中でJavaScriptを記述できるIE6限
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く