3

在我正在构建的网站上，我正在为身体使用边框 - 轮廓 - 框阴影。

看到这里jsFiddle

border: 9px solid #0C144E;
outline: 9px solid #fff;
box-shadow: 0 0 0px 18px #CC092F;

我的问题是 Firefox 以不同的方式呈现轮廓。

我可以通过应用来解决它：

outline-offset: -18px;

虽然它修复了 firefox，但这意味着它在 Chrome、Safari 中无法正确显示，有没有办法将其应用于 firefox，我尝试添加 -moz- 无济于事。或者另一种方式。

4

1 回答 1

3

你可以使用这里展示的技术：CSS Hacks Targeting Firefox

@-moz-document url-prefix() { 
  body {
    outline-offset: -18px;
  }
}

jsFiddle 演示

于 2013-08-22T15:41:02.717 回答