滑块在 Chrome 上正确显示 CSS，但在 Firefox 和 IE 上不正确答案

【问题标题】：Slider displays CSS correctly on Chrome but not on Firefox &IE滑块在 Chrome 上正确显示 CSS，但在 Firefox 和 IE 上不正确
【发布时间】：2012-11-22 13:22:49
【问题描述】：

我最近启动了我的新页面，但经过一些测试后，我发现滑块的标题不在同一个位置。我不知道是 HTML 还是 CSS。这是我的问题的截图：http://i.imgur.com/DoMf6.jpg 和我的网站http://www.unscspartanteamomega.com/home 的链接。如果有人有想法或任何提示，请告诉我。谢谢！

【问题讨论】：

不要发布指向您网站的链接，而是使用最少量的代码创建一个简化示例来复制问题，然后给我们。
svs-caption 元素使用边距、浮动和绝对定位的组合。 - 那里似乎是灾难的秘诀！
谢谢你们，很抱歉没有提供其他任何东西。我会研究 svs 字幕比利。再次感谢。

标签： javascript jquery html css firefox

【解决方案1】：

我认为您的问题是您的字体不同。看起来您正在使用@font-face 字体，但它们在浏览器（IE，FF 的早期版本）中不起作用。

字体有不同的磅值。它们在两个浏览器中都位于相同的位置，但由于非@font-face 字体的磅值较大，因此它们相互叠加。

我建议定义一种与您的@font-face 字体的磅值更相似的字体作为下一个降级。

在您的 CSS 规则中，

字体：fontfacefont、投石机

确保第二种字体的磅值与@font-face 字体相似。

【讨论】：