Css 线性渐变hr效果仅适用于Firefox

我有一个看起来像人力资源部门的部门。 这些样式只能在Firefox中使用

我创作了一把小提琴：

mydiv{
背景图像：-webkit渐变（线性、左中心、透明、rgba（0,0,0,0.1）、透明）；
背景图像：-moz线性渐变（左中心，透明，rgba（0,0,0,0.1），透明）；
背景图像：-ms线性渐变（左中心，透明，rgba（0,0,0,0.1），透明）；
背景图像：-o-线性梯度（左中心，透明，rgba（0,0,0,0.1），透明）；
背景图像：线性渐变（左中心，透明，rgba（0,0,0,0.1），透明）；
边界：0无；
高度：1px；
利润率：20px 0 40px；
}

请帮忙。

当您在左侧使用

时，问题已修复

background-image: linear-gradient(to left, transparent,
                                  rgba(0, 0, 0, 0.1), transparent);

阅读
这本书的全部内容

div {
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: -moz-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: -ms-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: -o-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    border: 0 none;
    height: 1px;
    margin: 20px 0 40px;
}
div{
背景图像：-webkit线性渐变（左侧，透明，rgba（0,0,0,0.1），透明）；
背景图像：-moz线性渐变（左中心，透明，rgba（0,0,0,0.1），透明）；
背景图像：-ms线性渐变（左中心，透明，rgba（0,0,0,0.1），透明）；
背景图像：-o-线性梯度（左中心，透明，rgba（0,0,0,0.1），透明）；
背景图像：线性渐变（左中心，透明，rgba（0,0,0,0.1），透明）；
边界：0无；
高度：1px；
利润率：20px 0 40px；
}
这对Firefox和Opera都有效，但我的Chrome浏览器仍然无法显示它。有什么建议吗？由于某种原因，我的Chrome没有显示它，只有白色。也许是因为它是便携式的。不管怎样，我为它做了这个，它工作了：背景图像：-webkit线性渐变（左，rgba（0,0,0,0.0），rgba（0,0,0,0.2），rgba（0,0,0,0.0））；奇怪的是，如果我使用“toleft”它不起作用，但使用“left”它起作用。
div {
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: -moz-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: -ms-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: -o-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    border: 0 none;
    height: 1px;
    margin: 20px 0 40px;
}