                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

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

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

Labi_wjc

2015-01-23

源自：企业网站综合布局实战 3-2

关注问题我要回答

1731

操作

收起

3 回答

zkpplpp
2015-01-25

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

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

0 回复有任何疑惑可以回复我~

收起回答

小于飞飞
2015-01-23

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

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

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

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

1 回复有任何疑惑可以回复我~

收起回答

Labi_wjc 提问者

是不是当背景图片的像素不够容器大的时候，就可以用repeat-x或repeat-y来填充？

2015-01-23 回复有任何疑惑可以回复我~

小于飞飞回复 Labi_wjc 提问者

可以这样想，自己动手试一试就明白了。

2015-01-30 回复有任何疑惑可以回复我~

唐龙回复小于飞飞

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

2015-04-01 回复有任何疑惑可以回复我~

0/150

提交

取消

企业网站综合布局实战

参与学习 157043 人
解答问题 1985 个

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

进入课程

本课相似问答

1 回答.top中的em标签的背景图片

1 回答为什么背景图片没了

1 回答为什么文字不在背景图中间呢？

1 回答em中背景图片如何定位

2 回答背景颜色和背景图片

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

3 回答

本课相似问答

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