Question

如何调整css背景图片的位置

最近在做练习，图片（新闻中心）和文字新闻中心中间有一道小断线，新浪上是垂直居中的，但是我一直做不出这个效果，我的一直在上边。我试过了background-position,margin，padding，都不管用，也试过了vertical-align,不管用，请大家给点帮助。这个小竖道，我是用背景颜色做的，请大家帮看下
css代码：
#Channel_boundary{
width:1px;
background: #D4D0C8 repeat-y;
float:left;
height:60%;
line-height:60%;
background-position:10px 20px;
}
在html中引用的代码
<div id="Topshuxing" >
<div id="Channel_logo" />
<img src="Channel_logo.gif"/ >
</div>
<div id="Channel_boundary">
</div>
<div id="Channel_level">
<a href="#">新闻中心</a> > 
<a href="#">国内新闻</a> > 
<a href="#">2010年全国两会专题</a> > 
<span>正文</span>
</div>

Answer 1

你的CSS样式写的太不规范了，
#Channel_boundary{
width:1px;
background: #D4D0C8 repeat-y;
float:left;
height:60%;
line-height:60%;
background-position:10px 20px;
}
设置背景色的时候，不能用repeat-y这类属性，也不能用背景定位background-position，这些属性只用在背景图片的时候。还有在设置高度的时候最好不要用百分比，将样式修改一下就OK了。如下：
#Channel_boundary{
width:1px;
background-color: #D4D0C8;
float:left;
height:20px;
margin-top:10px;
overflow:hidden;
}
height和margin-top的值可以自行调整，直到你满意的位置为止。

Answer 2

背景图片位置在CSS中有专门的属性来调整：background-position:x
y;
x的意思是x轴的数值、百分比，位置。
y的意思是y轴的数值、百分比，位置。
你可以在你的CSS图片属性里加上background-position:10px
50px;