问答详情
源自:3-2 企业网站制作之页面头部制作(一)

还是不明白为什么.top中背景图片中的repeat-x?

54c1a0db000197a405000176.jpg

还是不明白为什么.top中背景图片中的repeat-x?,然后我又去掉它,发现没什么变化的

提问者:Labi_wjc 2015-01-23 09:16

个回答

  • zkpplpp
    2015-01-25 08:41:23

    于老师解释的很清楚!赞!

    如果你的背景图片能用平铺的方式解决就不要用整张图做背景,毕竟图越大用户打开的时候要等待的时间越长,在这种情况下可以切1px,然后平铺

  • 小于飞飞
    2015-01-23 09:55:06

    repeat表示图片在相应的容器内重复,repeat-x图片x 轴方向重复;repeat-y图片y 轴方向重复.

    假设红框为一个容器,给个这容器添加背景图片:

    1.如没有repeat.只是插入背景图片:

    54c1a9a0000133c001900057.jpg

    2.如有repeat-x图片x 轴方向重复,效果如下:

    54c1a9e60001639e01900057.jpg