html - Mozilla Firefox中的线性渐变工件

我在Mozilla Firefox 16中遇到线性渐变问题。

在屏幕上显示，坏物可见(坏处-块底部的亮线)。

代码:

<a href="#">Button Text</a>

和CSS部分:

a {
    background: -moz-linear-gradient(center top , #88EB52, #3CA82D);
    border: 1px solid #399A29;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 54px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
    width: 376px;
}

我已经更改了屏幕截图的line-height属性。

谁能描述它是什么线以及如何隐藏它？

谢谢你。对不起我的英语不好。

最佳答案

经过FF16测试，可以正常工作。也许如果在问题出现时提供线高值，我们可以跟踪错误。我怀疑这是由于长宽比引起的，如果问题根本没有发生的话。

这不是缺陷，但是为了保持一致性，请尝试在渐变线上使用百分比或值:

background: -moz-linear-gradient(center top, #88EB52 0%, #223312 100%);

这是工作的 fiddle :http://jsfiddle.net/FVcdu/1/

关于html - Mozilla Firefox中的线性渐变工件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13172500/