急!!如何用css实现背景图片纵向平铺???

html-css010

急!!如何用css实现背景图片纵向平铺???,第1张

百分数值的表现方式更为复杂。假设你希望用百分数值将图像在其元素中居中,这很容易:

body

{

background-image:url('/i/eg_bg_03.gif')

background-repeat:no-repeat

background-position:50% 50%

}

这会导致图像适当放置,其中心与其元素的中心对齐。换句话说,百分数值同时应用于元素和图像。也就是说,图像中描述为 50%

50% 的点(中心点)与元素中描述为 50% 50% 的点(中心点)对齐。

如果图像位于 0% 0%,其左上角将放在元素内边距区的左上角。如果图像位置是 100% 100%,会使图像的右下角放在右边距的右下角

background-repeat: repeat-x

使用“CSS 样式定义”对话框的“背景”类别可以定义 CSS 样式的背景设置。可以对网页中的任何元素应用背景属性。

加了background-repeat:repeat-x之后,背景现在只在X轴即横向进行了平铺操作,纵向并没有进行平铺。这便是css对于背景细节的控制之一。background-repeat是针对背景平铺的属性设置,可选的值包含:

代码如下:

repeat 即默认方式,完全平铺背景;

no-repeat 在X及Y轴方向均不平铺;

repeat-x 横向平铺背景;

repeat-y 纵向平铺背景。

lxm 19872006 的方法是可行的。

如果 lxm 19872006 的方法不行,就加一句 repeat-xy,即:

<style type="text/css">

body {

background: url("http://pic.yupoo.com/mortalmethuselah/814615ed04aa/jf1wtrtq.jpg") repeat-xy

}

</style>

就一定行了。