仔细分析他们的代码，全站背景图片其实就是2个，1个是1象素700长的，另外一个是4象素4300长度的。grd-4px.gif跟grd-1px.gif（因为高度太长，我就不在这里贴出来了）。全站通用一个背景图片，是提高速度的很大因素。这一个背景，可能是不同的位置不同的颜色样子，合成的一个但是可以在不同的位置调用。
以动易来说，如果要仿yahoo的页面非常容易。通用css可以这样分类：
1、标题背景
2、css表格通用背景
3、内容背景
4、站内外搜索背景
那么，如何定义呢？使用以下CSS定义即可：
| background-image:url(/Lectures/UploadFiles_3793/200612/20061210101340854.gif); background-repeat:repeat-x; background-position:0 -530px; |
注意最后一个定义，这个是通用一个背景图片的关键，就是调用背景图片的不同位置作为背景……
比如：定义“background-position:0 -530px;”，调用这个背景图片530px高度部分作为背景，从最左边开始铺垫。
| 附：背景(Backgrounds)的属性： background-color:#f00; background-image:url(background.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:0 0; 可以缩写为一句：background:#f00 url(background.gif) no-repeat fixed 0 0; 语法是background:color image repeat attachment position; 您可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为： color: transparent image: none repeat: repeat attachment: scroll position: 0% 0% |
这就是yahoo页面上面最与众不同的地方，纵观国内门户网站、网易、qq新郎搜狐都没有如此大胆的尝试。yahoo的页面代码很负责，并且通用了一个css，还有部分css定义是放在页面上面的，不知道是为了防止 css 偷学还是其他含义。的确，全部分析下来很难，因为同一个.ht的定义，居然分了8个部分才定义完所有属性。css里面几部分，页面里面居然还有……
湘公网安备 44010402000311号