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

来源:3-2 企业网站制作之页面头部制作(一)

Labi_wjc

2015-01-23 09:16

54c1a0db000197a405000176.jpg

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

写回答 关注

2回答

  • 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



    唐龙 回复小于飞飞

    看了老师的回答,还是没有明白为什么 "background:url(../images/top_bg.jpg) " 与" background:url(../images/top_bg.jpg) repeat-x;"的效果是一样的问题

    2015-04-01 23:40:37

    共 3 条回复 >

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157043 学习 · 1984 问题

查看课程

相似问题