锚链接获得白色边框或空格

Question

我正在尝试制作一个带有倾斜端的菜单和带有三角形末端的按钮。但是我最终在Firefox中找到了一些空白区域，即。

我已经使用了您可以在此页面上看到的代码：

SOURCE

即

但是在Chrome中没有这样的空间，看起来很好。

我的工作可以在这个网站上看到：

thejobupdates.com/pt/devos

请帮我删除不需要的白色间距。

我这里也有一个FIDDLE供你们编辑。

CSS：

def has_reminder?(feed_entry)
  reminders.where(feed_entry: feed_entry).any?
end

感谢您的帮助。

Answer 1

您只需将标签上的左/右边距更改为-1px，例如

#heroTab li > a {
...
    margin:10px -1px;
...
}

这将掩盖明显的差距。我认为这是角度的渲染问题，所以你必须将它们重叠1px才能摆脱它。请参阅here。

Answer 2

使用此样式修复firefox＆amp;中的问题即

#heroTab li {
  cursor: pointer;
  float: left;
  margin-right: 51px;
}