梯度错误地渲染

时间:2014-11-20 09:10:41

标签: css gradient

这个grey gradient很好地渲染在FF,IE上,但不能在Chrome上我可以看到“光线”(光线非常微妙......):

enter image description here

CSS上有什么问题吗?

html,
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  min-height: 100%;
  background: #D0D0D0;
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(#F0F0F0), to(#B0B0B0));
  background: -webkit-radial-gradient(#F0F0F0, #B0B0B0);
  background:    -moz-radial-gradient(#F0F0F0, #B0B0B0);
  background:      -o-radial-gradient(#F0F0F0, #B0B0B0);
  background:         radial-gradient(#F0F0F0, #B0B0B0);
  -webkit-font-smoothing: antialiased;
} 

重要提示:运行代码段时,您必须完整页面才能查看问题。

如何在FF,IE上使用精心渲染的渐变,还有使用CSS的Chrome?

0 个答案:

没有答案