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

概述我正在网站上工作,我有一些问题,希望你们能帮助我:)>如果我在菜单中对我的文字加粗,它在Firefox中看起来过于大胆：S,但它在Chrome中看起来很好.>在Firefox中,#content容器上的双边框超出阴影效果：S,但在Chrome中看起来不错.Mac Firefox 07.1和Chrome 13.0.782.112上的Screen s

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

>如果我在菜单中对我的文字加粗,它在firefox中看起来过于大胆：S,但它在Chrome中看起来很好.
>在firefox中,#content容器上的双边框超出阴影效果：S,但在Chrome中看起来不错.

Mac firefox 07.1和Chrome 13.0.782.112上的Screen shot：

This是我的项目.

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

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

最佳答案关于浏览器之间不同的粗体字体的第一个问题仅仅是因为浏览器以不同方式呈现文本的方式.除非你走的是使用图像的可怕路线,否则你无能为力.

你的第二个问题不是关于边界而是关于轮廓.这是因为firefox在应用Box-shadow时解释轮廓的方式.它将它应用于阴影之外.

您可以将以下代码放在CSS中以定位firefox并将大纲重新放入：

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

实例：http://jsfiddle.net/tw16/n8bet/ 总结

以上是内存溢出为你收集整理的html – firefox与chrome的问题,带有粗体文本和双边框全部内容，希望文章能够帮你解决html – firefox与chrome的问题,带有粗体文本和双边框所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。