CSSで背景画像・グラデーションを使用し、sizeも指定するときの注意

一回覚えてしまえば気にする必要はないと思いますが、最初この状態になった時にしばらく調べていたのでメモしておこうと思います。 Retina対応 背景画像のサイズを変えるために使うbackground-sizeですが、自分は主にRetina対応にするために使ってます。 ということでiPhone用のサイトを作ってる時に使うわけですが、iPhoneだとCSS3が結構使えるのでグラデーションもCSSで 指定します。その際にbackground-sizeを以下のように書いたりします。 #hoge { background: url(bg.png) no-repeat left top,linear-gradient(to bottom, rgba(255,227,48,1) 0%,rgba(255,255,255,1) 100%); background-size: 100px 100px; } こう