我在某些内容上使用边框。但是,当父元素进行变换(至少是通过 scale
和 rotate
)时,发现一个不想要的与 background
颜色相同的 1px 轮廓会围绕着边框添加。这也会发生在子元素的伪元素上。
.container {
transform:rotate(-45deg);
}
.child {
border:3px solid white; background:green;
}
我已经在最新的Chrome和IE上进行了测试,两者都有这个问题。
我该如何在不使用box-shadow
或删除变换的情况下摆脱这个轮廓?