Question

怎么在CSS让背景图居中？不重叠平铺？谢谢。

#navigation_main { background:url(images/navigation_bg.jpg) repeat-x; }#navigation { height:39px;}#navigation li { float:left; line-height:39px; text-align:center; }#navigation li a { width:90px; display:block; font-weight:bold; font-size:14px; color:#FFF; }#navigation li a:hover { background:url(images/navigation_hover.jpg) center no-repeat; text-decoration:none; }

navigation_bg.jpg 背景图居中 多出的不在重叠。怎么修改？谢谢！

Answer 1

是不是一条细图片？
外面的DIV加宽度居中
#navigation_main { background:url(images/navigation_bg.jpg);width: px; height: px; }
如果是一长条图片
#navigation_main { background:url(images/navigation_bg.jpg) no-repeat;}

追问

在线订购后面的背景图不要。怎么弄啊。我是新手。

追答

是指images/navigation_hover.jpg不要吗？

如果是html5的话，可以用伪类
#navigation li a:last-child:hover { background:none; }

如果不是html5的话，就需要定义另一个CLASS来覆盖
#navigation li a.nohover:hover { background:none; }

Answer 2

背景图片位置需要加个 宽高
{width: px; height: px; backgound:url() ;}

Answer 3

#navigation_main { background:url(images/navigation_bg.jpg) center center no-repeat; }

追问

嗯。那把导航图上的 文字居中怎么修改啊？？

追答

要定义宽，然后给样式添加属性 text-align:center;