正在回答
同学你好,你说的这是一个原因,是显示的原因。但是这两个样式中都有设置这个属性。这两个的区别就是分开写的多了一个background-size: 50%;属性哦。
祝学习愉快!
同学你好,1、不是的哦。
2、前两句是对的。即:设置完background-attachment: fixed和background-position: center center,导致div中的背景图片就变成了整个浏览器页面的中心了。这个是对的。
3、这两个效果都是这样的。第一次的时候,其实也是相对于窗口居中,因为第一次也有设置居中与定位。不过这个图片太大了,充满了我们看到的这个区域。
(1)按照第一次设置,可以改变下窗口的大小,会发现现实的图片不是一样的。就是因为图片太大了,我们只能看到这个区域中的部分。
(2)而第二次设置的有background-size: 50%;,图片缩小了,所以我们看到的没有占满盒子了。也可以改变下窗口大小,显示的图片也是会改变的哦。
可以总结下,这个是相对于浏览器窗口居中的,但我们没有看到完整的图片,只看到了这个区域内的部分哦。你可以把div的宽度设置100%,这样可以看到这个区域外的部分,会发现图片是很大的哦。
希望能帮助到你,祝学习愉快!
同学你好,1、如下,第一个写的是统一写的,这里的center,与50%,都是代表的位置,都表示居中;不过一个使用了关键字,一个使用了
2、如下,这个是分开写的,两个center,分别表示水平与竖直方向的位置。
3、background-attachment属性为fixed之后,图片相对于视口进行定位显示,所以div中显示的内容就是图片相对于浏览器视口部分的内容。
这里两个效果都是居中的,但是显示效果不一样,主要是因为:background-size设置的是背景图片的大小,设置为50%,宽度会是原本图片宽度的50%;
希望能帮助到你,欢迎采纳。
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星