Question

background-image: -moz-linear-gradient( 270deg, rgba( 55, 55, 55, 0 ), rgba( 55, 55, 55, .1 ) ), -moz-repeating-linear-gradient(top left 45deg, rgba(255,255,255,.008), rgba(255,255,255,.008) 15px, rgba(0,0,0,0) 15px, rgba(0,0,0,0) 30px);

我想知道对于webkit浏览器是否有任何替代方案来获得这种好的效果。效果在ff中很好用，但不是在chrome或safari中！感谢

Answer 1

看起来非常相似。详情请见http://www.webkit.org/blog/1424/css3-gradients/

Answer 2

从正在制作的模式来看，您似乎可以使用-webkit-background-size属性？为了证明：

<style type="text/css">
  body {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(blue), to(white));
    -webkit-background-size: 60px;
  }
</style>

-moz-linear-gradient - webkit的替代方案是什么

2 个答案: