我正在网站上工作,我有一些问题,希望你们能帮助我:)
>如果我在菜单中对我的文字加粗,它在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;
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。