CSS-Yahoo如何在yahoo.com上创建背景渐变？

在Yahoo.com上,我真的很喜欢浅灰色的身体渐变背景. (只是灰色褪色)

但是,我找不到他们用来达到这种效果的图像.

有谁知道雅虎使用什么图像/代码创建这种背景效果？

最佳答案

图片为：http://l1.yimg.com/a/i/ww/met/th/slate/gsprite_pg_slate_20100521.png

如果查看CSS,您将看到：

background-image: url(http://l1.yimg.com/a/i/ww/met/th/slate/gsprite_pg_slate_20100521.png);
background-repeat: repeat-x;

其他人都指出了这一点.但是,没有人指出的部分是：

background-position: 0px -2335px;

它定义了一个偏移量,以便您看到的背景直到图像向下才真正开始.

显示的渐变是白色到灰色,然后是透明的.为了以这种方式创建渐变,您必须将页面的颜色设置为等于渐变的最后一个范围.因此,如果您查看该CSS,也会看到：

background-color: #E8EDF0;

这样就完成了您当前在yahoo.com上看到的渐变.

我还确认#E8EDF0是该背景图像上最后一个非透明颜色的正确十六进制代码.