背景画像の拡大・縮小 → background-size ! - シンプルシンプルデザイン CSS
W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。 CSS3では、背景画像の幅・高さを拡大・縮小するプロパティが追加されていますので、あらためてまとめてみます。 拡大・縮小による画像劣化が気になるところですが、許容できるかどうかの判断は個人差があると思います。近頃のブラウザは優秀で、いい感じでスムージングされるので「OK！」とぼくは判断しました。 さすがにIE6の拡大・縮小したときのジャキジャキ感は堪えられませんが、そもそも「background-size」は適用されず無視されるので、IE6では背景画像は拡大・縮小されません。 Safari、Google Chrome、Operaですでに実装されています。 Firefoxもプリフィックス「-moz-」で適用されます。 IE8では残念ながら未実装でした。。。この辺はプログレッシブエンハンスメントで乗り切り
jQueryでonMouseoverとonMouseoutを同時に設定する（２） - 高密度商業地域
jQueryメモ。 ちょっとはまってしまったので、備忘録。 以下のような動作をjQueryで実装しようとしました。 （「＞」「＜」は実際はbackground-image画像） 【HTML】 <div id="togglebar"> ＞<br>＞ </div> <div id="tdmenu"> メニュー </div> 【表示（イメージ）】 「＞」をクリックするとメニューが非表示、表示が切り替わった後「＜」をクリックするとメニューが表示されるようにする。 ＞│メニュー│ ＞│メニュー│ ↓↑ ＜ ＜ （「メニュー」非表示、「＞」を「＜」に変更） 上記を実現するために、以下の処理をjQueryで記述しました。 （１）togglebar をクリックすればtdmenuは非表示・表示切替 （２）togglebar をマウスオーバーで表示を変える ＞の時は≫ ＜の時は≪ 【（１）の表示切替処理】 以
背景に関する設定をまとめて指定する
解説 背景に関する数々の設定は一括で1つのプロパティにまとめることができます。 「background」プロパティに背景画像に関する各プロパティの値を1つずつ値を記入します。 値同士は半角スペースで区切ります。 各プロパティの解説は以下を参照してください。 background-colorプロパティ background-imageプロパティ background-positionプロパティ background-repeatプロパティ background-attachmentプロパティ 各プロパティの記述順序について 「background」プロパティに設定する各プロパティの値の書く順番は順不同です。 どのような順番で書いても構いません。 プロパティの省略について 「background」プロパティに設定できるプロパティの値は5つですが、これらの値の一部を省略することも可能です。 この
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
