safari的css问题-呈现h1内部链接,下划线不均匀

原因是文本阴影呈现在最前面的层。如果我是你,我会在h1 a元素的底部添加一个没有文本下划线的边框。

 h1 a {
  text-decoration: none;
  border-bottom: 1px solid blue;
 }

当然,用你链接的任何颜色替换蓝色。

编辑:意识到阴影可以用 span 标签。

我认为在使用投影时,在下划线和基线之间留一点空间会更好,但是如果你必须有一个 text-decoration: underline 您必须向标记中添加一个SPAN元素:

<a href="/" title="Home"><span>Home</span></a>

CSS:

 h1 a span {
  position: relative;
  top: 0px;
  z-index: -100;
 }