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

前端之家收集整理的这篇文章主要介绍了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是该背景图像上最后一个非透明颜色的正确十六进制代码.

猜你在找的CSS相关文章