1

我正在使用 :before 和 :after 伪元素来创建形状。在这种情况下，三角形需要显示为矩形的末端。我发现自己遇到了这个问题，我不明白为什么会这样。该图像应该看起来像这个图像 1，但它看起来像图像 2。

图 1（除 FF 外的所有浏览器）：

在此处输入图像描述

图 2（火狐）：

在此处输入图像描述

正如这里所问的，你有一个带有代码的jsfiddle：

http://jsfiddle.net/LpXxM/

.news-info a:before {
  position: absolute;
  top: 0;
  left: -20px;
  border-right: 20px solid rgba(64, 64, 64, 0.85);
  border-top: 20px solid transparent;
  content: "";
}

我刚刚检查了一下，似乎问题只是与左 css 属性有关。如果不是 left: 20px，而是 left: 22px 它适用于 Firefox，但当然其余的浏览器都是错误的。那么，为什么火狐与其他浏览器有 2px 的差异呢？以及如何解决这个问题或针对这个问题？

我正在使用 normalize 作为网站的重置。有人可以帮忙吗？！

4

0 回答 0