CSS-神秘的填充：after&；：之前

我正在为我正在处理的一个旧站点创建一个新的链接样式（将它真正变成一个按钮），当使用：before和：after元素并结合overflow:hidden在主a元素上时，会遇到一个神秘的填充问题。我不知道会是什么。查看视频，了解我的意思：

下面是我用于此元素的代码

.d按钮{
显示：内联块；
文字装饰：无；
边框：1px实心#f16768；
颜色：白色；
字号：1em；
填充：10px 25px；
位置：绝对位置；
溢出：隐藏；
文本对齐：居中；
z指数：200；
}
.d按钮：悬停{
文字装饰：无；
颜色：白色；
}
d按钮：在{
显示：内联块；
高度：80px；
宽度：80px；
背景：白色；
内容：“；
位置：绝对位置；
右：-87px；
顶部：-53px；
z指数：-99；
变换：旋转（-30度）；
过渡期：3s全部；
过渡定时功能：易进易出；
}
.d按钮：悬停：之前{
右：-57px；
顶部：-53px；
}
正文{背景：灰色}

---

它似乎工作正常。你在哪个浏览器上发现了这个问题？对我来说，它在Chrome和Safari上运行良好。如果它在你展示的代码中运行良好，那根本没有帮助。你能发表一篇文章来说明这个问题吗？它似乎工作得很好。你在哪个浏览器上发现了这个问题？对我来说，它在Chrome和Safari上运行良好。如果它在你展示的代码中运行良好，那根本没有帮助。你能发表一篇文章来说明这个问题吗？