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; 我在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%);

这是工作小提琴：http://jsfiddle.net/FVcdu/1/

总结

以上是内存溢出为你收集整理的html – Mozilla Firefox中的线性渐变工件全部内容，希望文章能够帮你解决html – Mozilla Firefox中的线性渐变工件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。