0
试图添加一个成角度的边框到我的标题,然后还在斜角边框周围添加一个箱子阴影。斜角边框使用歪斜与箱影 - FF问题
似乎工作正常,但在Firefox上有一些白色背景显示围绕箱子阴影。
代码是遵循
header {
background: #41ade5;
color: #fff;
position: relative;
z-index: 1;
padding: 45px;
}
header:after {
background: inherit;
bottom: 0;
content: '';
display: block;
height: 50%;
left: 0;
position: absolute;
right: 0;
transform: skewY(-1.5deg);
transform-origin: 100%;
z-index: -1;
box-shadow: 0px 4px 4px rgba(0,0,0,0.5)
}
body {
margin:0;
}
http://codepen.io/velnias2015/pen/KaBzrq
看起来其他所有浏览器精细,是否有Firefox的修复?
NIce,谢谢你的 – StevieB