CSS 径向渐变在 Mozilla 中不起作用

Question

我有以下 CSS 代码：

background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#7b7878), to(@white));
background: -moz-radial-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#7b7878), to(@white));
background: radial-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#7b7878), to(@white));

负责以下样式：

它适用于 Chrome，但不适用于 Firefox 和 IE。我在这里错过了什么？？

Answer 1

使用此代码，这将适用于 IE 10、google chrom 26.0、fire fox 16.0、opera 12.1 和 safari 6.1：

  width:100%;
  height:3px;
  background: -webkit-radial-gradient(#7B7878 1%, #BBBBBB 30%, #CCCCCC 40%, #FFF 70%);
  background: -o-radial-gradient(#7B7878 1%, #BBBBBB 30%, #CCCCCC 40%, #FFF 70%);
  background: -moz-radial-gradient(#7B7878 1%, #BBBBBB 30%, #CCCCCC 40%, #FFF 70%);
  background: radial-gradient(#7B7878 1%, #BBBBBB 30%, #CCCCCC 40%, #FFF 70%);

并且还给出你想要的相同结果。

CSS 径向渐变在 Mozilla 中不起作用

CSS radial gradient not working in Mozilla

css

cross-browser

radial-gradients