firefox与chrome的问题,带有粗体文本和双边框

Question

我正在网站上工作,我有一些问题,希望你们能帮助我:)

Mac Firefox 5.0.1和Chrome 13.0.782.112上的屏幕截图:

这是我的项目.

我希望有人可以帮助我解决这个问题.

如果你有我能做的更好的事情,我也会很高兴听到这个:)

Answer 1

关于浏览器之间字体看起来不同的第一个问题bold只是因为浏览器呈现文本的方式不同。你对此无能为力，除非你走上使用图像的可怕道路。

你的第二个问题不是关于，border而是关于outline。这是由于 Firefox 解释outlinewhenbox-shadow应用的方式造成的。而是将其应用到阴影之外。

您可以将下面的代码放入 css 中以定位 Firefox 并将大纲带回：

@-moz-document url-prefix() {
    #content{
        outline-offset: -11px;
    }
}