ページを印刷すると自分の意図しない箇所で途切れてしまう時、page-break-beforeやpage-break-afterを使って、印刷時の改ページ部分を制御します。
/* CSS(スタイルシート)に関する知識・テクニックなどの備忘録 */ 文字サイズ 大 中 小 現在のページ: HOME » CSSハック・条件分岐 » floatを解除するclearfixの書き方 親ボックス内で子ボックスをフロートする場合、「親ボックスの背景画像が表示されない」、「親ボックスのマージンがなくなる」、「親ボックスから子ボックスがはみ出す」等の解決方法に。 HTML <div class="clearfix"> <div>ボックスL</div> <div>ボックスR</div> </div> CSSの書き方 その1 /* for modern brouser */ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* IE7,MacI
ナビゲーションメニュー等を作る際、CSSのa:hoverを用いて背景画像を切り替えますが、その背景画像にマウスカーソル(ポインタ)をあわせると、画像がちらついたり砂時計のマークが表示されたりします。 これは「background flickr」っと呼ばれるIE6限定のバグで、IE6で表示するとロールオーバー時に毎回画像を読み込むみたいです。なので大きいファイルサイズの画像になると動作遅延が起こり砂時計のマークが表示されたりします。まったく迷惑な話です。。。解決策は以下の2通りです。 CSSで解消 /* CSS */ html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } 「expression()」は「ダイナミックプロパティ」というもので、CSS中でJavaS
CSSのa:hoverを用いて背景画像を切り替えると、画像がちらついたり砂時計のマークが表示されたりします。 これはインターネットオプションでインターネット一時ファイルの設定を「Webサイトを表示するたびに確認する」としている方に起こりやすい現象なんですが、このような設定をしている方にも画像をちらつかせずロールオーバーを実現する方法を紹介します。 HTML記述 <ul id="menu"> <li><a href="#">メニュー1</a></li> <li><a href="#">メニュー2</a></li> <li><a href="#">メニュー3</a></li> </ul> CSS記述 ul#menu { list-style-type: none; margin: 0; padding: 0; width: 360px; } ul#menu li { float: l
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く