图片背景ｃｓｓ设置为居中平铺，为什么不居中平铺

52ctf · 发表于 2009-11-12 02:51:21

本帖最后由 52ctf 于 2009-11-12 02:52 编辑

#nav { width:960px; overflow:hidden; margin:0 auto 10px; background:url(../images/manin2.jpg); }
      .main_nav { height:34px; overflow:hidden; padding-top:0px; background:url(../images/menu_background.gif) repeat-x; color:#FFF; font-size:14px; }
            .main_nav ul { width:94%; overflow:hidden; padding:0 0 0 1.3%; }
            .main_nav ul li { float:left; margin-right:1px; }
            .main_nav ul li a { float:left; display:block; padding:8px 15px; color:#FFF; }
            .main_nav .current a { background:url(../images/manin2.jpg) repeat-x; color:#000; font-weight:700; text-decoration:none!important; }

            .main_nav .current a { background:url(../images/manin2.jpg) repeat-x; color:#000; font-weight:700; text-decoration:none!important; }

请教红色代码，特别是“ background:url(../images/manin2.jpg) repeat-x;”该怎么写？

因为设置导航背景下方中间为一个箭头，图片只适合两个字，四个字变成了重复显示，而不是居中拉伸，导致箭头只停留在前两个字中间。

guokun · 发表于 2009-11-12 03:47:12

帮顶下不是高手。

mqq · 发表于 2009-11-12 08:59:09

什么叫居中平铺？？

都平铺了，意思就是全铺满了，又干嘛要居中哦？

background:url(../images/manin2.jpg) repeat-x;你这句是横向平铺的意思

如果你是要居中，就改成background:url(../images/manin2.jpg) no-repeat center; 或者background:url(../images/manin2.jpg) repeat-x 50% 0;

52ctf · 发表于 2009-11-12 13:05:50

本帖最后由 52ctf 于 2009-11-12 14:39 编辑

我的意思是自动居中拉伸。

52ctf · 发表于 2009-11-12 13:09:23

类似品道，她的css是这样的
#nav a{ float:left; display:block;text-indent:-9999px; width:92px; height:38px;background:url(../09img/nav.gif) no-repeat 0 0;}

52ctf · 发表于 2009-11-12 14:39:44

麻烦版主帮我看一下吧。

lidq.jingwu · 发表于 2009-11-12 14:43:04

不太理解你的意思，可以发张图片吗？

52ctf · 发表于 2009-11-12 14:48:05

两字居中

四字无法居中

下方的尖头。

css:
此导航所有部分
#nav { width:960px; overflow:hidden; margin:0 auto 10px; background:url(../images/manin2.jpg); }
.main_nav { height:34px; overflow:hidden; padding-top:0px; background:url(../images/menu_background.gif) repeat-x; color:#FFF; font-size:14px; }
.main_nav ul { width:94%; overflow:hidden; padding:0 0 0 1.3%; }
.main_nav ul li { float:left; margin-right:1px; }
.main_nav ul li a { float:left; display:block; padding:8px 15px; color:#FFF; }
.main_nav .current a { background:url(../images/dhbj.gif) repeat-x; color:#000; font-weight:700; text-decoration:none!important; }

52ctf · 发表于 2009-11-12 14:55:10

版主帮忙看看。

52ctf · 发表于 2009-11-12 15:20:29

版主帮忙看看。

		自动登录	找回密码
密码			立即注册