两种方法：60周年庆背景CSS简单设置★★★★★★★★★★★★★★★

自由女神G · 发表于 2009-9-23 03:07:55

本帖最后由自由女神G 于 2009-9-23 12:29 编辑

方法一：

<style>
body { background-image:url(http://www.zy-cn.com/home/template/default/image/60th.jpg); background-repeat:no-repeat; background-position: top center; padding-top:46px;}
</style>

复制代码

将上述代码添加在风格模板template/default/header.htm的</head>前即可，后台更新缓存完成，背景图片60th.jpg上传到服务器/home/template/default/image/里面。

方法二：
1）在home/template/default/style.css中找到：body { background: #FFF; }
替换成：
body { background: #FFF; background:url(http://www.zy-cn.com/home/template/default/image/60th.jpg) no-repeat top}
请将http://www.zy-cn.com改成你的网址。
2）将60th.jpg ftp上传到：home/template/default/image/里。
刷新即完成。

为了和顶部保持一段距离，更好看，可以继续下面的代码。
3）找到：#header { margin: 0 0 20px; }
改成：#header { margin: 46px 0 20px; }

演示：http://www.zy-cn.com 进入里面可以看到。

99qun.com · 发表于 2009-9-23 03:35:28

学习了同好网 www.tonhoo.com

lxyc · 发表于 2009-9-23 09:38:59

留个脚印！！

abcnic18 · 发表于 2009-9-23 09:50:46

谢谢楼主学习了

d007 · 发表于 2009-9-23 09:57:33

谢谢楼主学习了

d007 · 发表于 2009-9-23 11:18:36

继续顶起
http://www.3030520.com/space-blog-view-all.html

IE7下面错位更严重

自由女神G · 发表于 2009-9-23 11:55:41

呵呵，我这边通过IE7看很正常。发个图吧。谢谢。

shanxi8 · 发表于 2009-9-23 11:58:56

虽好但是不如其他人提供的方法更直观更简单了

coldhair · 发表于 2009-9-23 12:04:40

没有最简单，只有更简单

自由女神G · 发表于 2009-9-23 12:10:39

两种方法，供你选择。

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

[经验] 两种方法：60周年庆背景CSS简单设置★★★★★★★★★★★★★★★