background-sizeとbackground-positionが効かないんだが

使わない日なくない??と思うほど使うbackgroundプロパティ。
思い通りにならないことが時々あるのでここで解明してみる。

See the Pen mddNygX by ryoko (@ryo0613) on CodePen.

色々やってみたけど要するに

background-size:coverは高さに合わせて画像サイズが変わる→position上下は効かない!

background-size:containは横幅に合わせて画像サイズを合わせる→position左右は効かない!

という認識で合ってるかな・・・??
ただこれ、親要素と画像サイズによってはある程度きくような気もする・・
もっと詳しく解明できたら再度更新してゆきます。

おすすめ