html - CSS中从透明到颜色的渐变

Question

我的老板给我一张图片(请见下文)并告诉他我会让他的网站看起来一样。这是我的代码，但它看起来不像图像:

HTML

<div class="clearfix" id="footer">
  <ul>
    <li><a href="/pages/facility">Become a Virtual Active Facility</a></li>
    <li><a href="/pages/about">About Us</a></li>
    <li class="last"><a href="/pages/contact">Contact</a></li>
  </ul>
</div>

CSS

#footer {
    background: -moz-linear-gradient(left center, white, white) repeat scroll 0 0 transparent;
    margin-bottom: 25px;
    margin-top: 25px;
    opacity: 0.6;
    padding: 10px 25px;
    width: 914px;
}

如何使结果看起来相同？

Answer 1

您的渐变定义为从“白色”到“白色”。换句话说，没有渐变。

在 2014 年的最终语法中:

background-image: linear-gradient(to right, transparent, white);

请注意，前缀版本(moz-、webkit-、o- 等)使用不同的语法，以实现向后兼容性。