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

前端之家收集整理的这篇文章主要介绍了html – Mozilla Firefox中的线性渐变工件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在Mozilla Firefox 16中遇到线性渐变问题.

在屏幕上显示坏事是可见的(坏 – 块底部的灯线).@H_301_3@

码:@H_301_3@

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

和CSS部分:@H_301_3@

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属性.@H_301_3@

任何人都可以描述它是什么线以及如何隐藏它?!@H_301_3@

谢谢.对不起我的英语不好.@H_301_3@

解决方法

在FF16中测试并按预期工作.也许如果您在问题出现时提供行高值,我们可以跟踪错误.我怀疑这是由于纵横比,如果问题发生的话.

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

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

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

原文链接:https://www.f2er.com/html/225498.html

猜你在找的HTML相关文章