タグ

ブックマーク / simplesimples.com (1)

  • 背景画像の拡大・縮小 → background-size ! - シンプルシンプルデザイン CSS

    W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。 CSS3では、背景画像の幅・高さを拡大・縮小するプロパティが追加されていますので、あらためてまとめてみます。 拡大・縮小による画像劣化が気になるところですが、許容できるかどうかの判断は個人差があると思います。近頃のブラウザは優秀で、いい感じでスムージングされるので「OK!」とぼくは判断しました。 さすがにIE6の拡大・縮小したときのジャキジャキ感は堪えられませんが、そもそも「background-size」は適用されず無視されるので、IE6では背景画像は拡大・縮小されません。 Safari、Google Chrome、Operaですでに実装されています。 Firefoxもプリフィックス「-moz-」で適用されます。 IE8では残念ながら未実装でした。。。この辺はプログレッシブエンハンスメントで乗り切り

    背景画像の拡大・縮小 → background-size ! - シンプルシンプルデザイン CSS
    tailtame
    tailtame 2014/04/05
    最近よくある背景の全画面はこれか…。IE9以上かー。ええなー(`・ω・´) あまり大きい画像にすると重いので自分の理念と変わるのだけどなにかやりたいな~
  • 1