Css 在-webkit线性渐变和-moz线性渐变中的不同结果

我使用了一些CSS作为按钮的背景，但在Firefox、Chrome和IE中看起来有所不同

我正在使用

-webkit-linear-gradient

和

-moz-linear-gradient

，但它们不起作用；Firefox的背景是黑色的，Chrome的背景是白色的

。列出链接a{
背景：-webkit渐变（线性，颜色停止（#696969,0），颜色停止（#3D3D，0.5），颜色停止（#2929,0.5），颜色停止（#171717,1））；
背景：-webkit线性渐变（中间顶部，#696969 0%，#3D3D 50%，#2929 50%，#171717 100%）重复滚动0 0透明；
背景：-moz线性渐变（中间顶部，#696969 0%，#3D3D 50%，#2929 50%，#171717 100%）重复滚动0 0透明；
背景：-o-线性梯度（中间顶部，#696969 0%，#3D3D 50%，#2929 50%，#171717 100%）重复滚动0 0透明；
背景：线性渐变（中心顶部，#696969 0%，#3D3D 50%，#2929 50%，#171717 100%）重复滚动0 0透明；
边框：1px实心#000000；
-webkit边界半径：5px 5px 5px 5px；
-moz边界半径：5px 5px 5px 5px；
边界半径：5px 5px 5px；
-webkit盒阴影：0 1px 0 0#949494插图，0-1px 5px 0#7575插图；
-moz盒阴影：0 1px 0 0#949494插图，0-1px 5px 0#7575插图；
盒影：0 1px 0 0#949494插图，0-1px 5px 0#7575插图；
颜色：#FFFFFF；
光标：指针；
显示：内联块；
字体大小：正常；
高度：自动；
填充：6px 17px；
文本对齐：居中；
文本阴影：无；
}

应该为您生成正确的跨浏览器代码

您可以使用生成的css字段集右下角的import from css按钮。对于您的代码，这是输出：

background: #696969; /* Old browsers */
background: -moz-linear-gradient(top,  #696969 0%, #3d3d3d 50%, #292929 50%, #171717 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#696969), color-stop(50%,#3d3d3d), color-stop(50%,#292929), color-stop(100%,#171717)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #696969 0%,#3d3d3d 50%,#292929 50%,#171717 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #696969 0%,#3d3d3d 50%,#292929 50%,#171717 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #696969 0%,#3d3d3d 50%,#292929 50%,#171717 100%); /* IE10+ */
background: linear-gradient(to bottom,  #696969 0%,#3d3d3d 50%,#292929 50%,#171717 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#171717',GradientType=0 ); /* IE6-9 */

正如简指出的那样。我会帮助你的。如果你点击右下角的“导入CSS”按钮，你可以粘贴到工作的mozilla CSS中，它会为你输出所有其他的CSS

具体来说，您的“Chrome”声明缺少正确的位置信息。看来你需要

。。。线性，左上，左，…

，如下所示

background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#696969), color-stop(50%,#3d3d3d), color-stop(50%,#292929), color-stop(100%,#171717));

---

我想为所有浏览器转换此背景：

-moz线性渐变（中间顶部，#696969 0%，#3d3D 50%，#292929 50%，#171717 100%）重复滚动0 0透明

@Ehsan：找到从css导入按钮了吗？请参阅我的最新答案。