Heim > Web-Frontend > HTML-Tutorial > CSS有关DIV background的问题_html/css_WEB-ITnose

CSS有关DIV background的问题_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:23:33
Original
1104 Leute haben es durchsucht

CSS 图片 URL

今天在做项目的时候发现
页面的包装div的CSS代码如下
#wrapper
{
width:990px;
margin:0 auto;
padding:0
background:url(bgline.jpg) repeat-y;
}
图方便图片我就不上传了是一张如下的横方向的直线

---------------------------------------------------------------------(bgline.jpg)

以我的理解repeat-y不是应该把这张图片在垂直方向不断重复这张照片嘛?那不是等于这样一个效果吗??
---------------------------------------------------------------------
---------------------------------------------------------------------
---------------------------------------------------------------------
---------------------------------------------------------------------
---------------------------------------------------------------------
---------------------------------------------------------------------

可是出来的效果却是包装div(id=wrapper)的表示990PX宽度的两条竖线实在无法理解怎么横过来的线却变成两条竖线了???非常感谢回答~~




回复讨论(解决方案)

y 是竖轴, 当然是竖着的啦,应该是repeat-x

y 是竖轴, 当然是竖着的啦,应该是repeat-x
但是我这个图片就是一条和X轴平行的直线,那么REPEAT-Y不是应该这样吗?
--------------------------------------         y轴repeat
--------------------------------------          ↓
--------------------------------------


y 是竖轴, 当然是竖着的啦,应该是repeat-x
但是我这个图片就是一条和X轴平行的直线,那么REPEAT-Y不是应该这样吗?
--------------------------------------         y轴repeat
--------------------------------------          ↓
--------------------------------------

repeat-y 是跟y 平行着重复,不是沿着y轴重复

1楼说得对。

横轴是repeat-x;竖轴是repeat-y.楼主你没有把背景图片给出来,大家都很难帮你弄,估计你的背景图片就有一些问题,方法就是按照这种思路走

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage