html - 如何使div背景图像响应

Question

如何让这张图片响应

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>

CSS:

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

Answer 1

将 background-size 属性设置为 100% auto 的值来实现您想要的效果。

例如，

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

希望这对您有所帮助。

PS:根据您上面的代码，您可以删除 fixed 并添加 100% auto 以实现输出。