我正在尝试使用CSS创建三角形样式,但边框上会出现一条暗线,如下所示.它仅出现在Firefox中,而不是Chrome或IE中.
造成这种情况的原因以及如何解决这个问题?
这是我的代码:
HTML:
CSS:
div{
margin: 20px;
}
h1{
background: yellow;
padding: 30px;
position: relative;
color: #FFFFFF;
float: left;
margin-right: 20px;
}
h1:before{
position: absolute;
left: 100%;
top: 0;
content: "";
border: 20px solid yellow;
border-width: 0px 50px 80px 0px;
border-color: transparent transparent yellow transparent;
}
最佳答案
尝试改变:
border-color: transparent transparent yellow transparent;
至
border-color: transparent #FFF yellow transparent;
已更新jsFiddle
原文地址:https://www.jb51.cc/html/425933.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。