html – Mozilla Firefox中的线性渐变工件
发布时间:2020-12-14 18:41:44 所属栏目:资源 来源:网络整理
导读:我在Mozilla Firefox 16中遇到线性渐变问题. 在屏幕上显示坏事是可见的(坏 – 块底部的灯线). 码: a href="#"Button Text/a 和CSS部分: a { background: -moz-linear-gradient(center top,#88EB52,#3CA82D); border: 1px solid #399A29; border-radius: 4p
我在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/ (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |