☰

div 背景画像をレスポンシブにする方法 質問する

tag-icon • tag-icon html css twitter-bootstrap
div 背景画像をレスポンシブにする方法 質問する

この画像をレスポンシブにする方法

HTML:

<section id="first" class="story" data-speed="8" data-type="background">
    <div class="smashinglogo" id="welcomeimg" data-type="sprite" data-offsetY="100" data-Xposition="50%" data-speed="-2"></div>
</section>

CS: ...

#first .smashinglogo {background: url(../images/logo1.png)  50% 100px no-repeat fixed;}

ベストアンサー1

目的を達成するには、background-sizeプロパティを の値に使用します。100% auto

例えば、

#first .smashinglogo{
   background-size:100% auto;
}

お役に立てれば。

追伸:上記のコードに従って、削除fixedと追加を行う100% autoことで出力を実現できます。

おすすめ記事