与 FireFox 7.01 的 CSS 兼容性问题答案

【问题标题】：CSS compatibility issue with FireFox 7.01与 FireFox 7.01 的 CSS 兼容性问题
【发布时间】：2011-11-03 12:36:23
【问题描述】：

我在 VS2010 中工作，我设计了一个网站。在那个网站中，我设计了一个 CSS 并且该样式表仅在 Internet Explorer 中有效。 CSS 也应在所有浏览器（例如 Firefox、Chrome）中生效。

CSS 是

div.menuGlobal
{
    background-color: #465c71;/*#4b6c9e;/*#4169E1;*/
    padding: 10px;
    padding-bottom:0px;
}

span.menuGlobal a.current:link,span.menu a.current:visited
{
    display:inline-block;
    font-weight:bold;
    color:#0000CC;
    background-color:white;
    text-align:center;
    padding:4px;
    text-decoration:none;
    width:70px;
    padding:5px;
    margin:0px;  
}

span.menuGlobal a.current:hover,span.menuGlobal a.current:active
{ 
    color:#32CD32;
    background-color:#DFDFDF;

}

span.menuGlobal a:link,span.menu a:visited
{
    display:inline-block;
    font-weight:bold;
    color:#0000CC;
    background-color:#DCDCDC;
    text-align:center;
    padding:4px;
    text-decoration:none;
    width:70px;
    padding:5px;
    margin:0px;  
}

span.menuGlobal a:hover,span.menuGlobal a:active
{ 
    color:#32CD32;
    background-color:#DFDFDF;

}

我使用了母版页并在该母版页上添加了另一个 CSS。并在我的网页中添加了这个母版页。上面的css文件也适用于同样的问题。我认为这有一些问题。

我的母版页有两个内容占位符。一个用于标题部分，另一个用于正文部分。我已经在子网页的标题内容页面持有者中添加了链接标签。

如何解决？

【问题讨论】：

这里不是问这样一个关于跨浏览器兼容性的一般问题的地方。对该主题进行谷歌搜索并阅读一些内容。如果您有任何更具体的问题，请再回来（确保先搜索现有问题和答案）
您如何指定所有浏览器都应使用此 CSS？你怎么知道它不适用于非 IE？

标签： css firefox

【解决方案1】：

不是 100% 确定，但您没有使用任何浏览器特定规则

你的 css 应该可以在每个浏览器上运行，即使是非常老的 IE5、chrome、firefox、opera

我真的没看出有什么问题

编辑：只是为了确保去检查你没有条件 cmets <--IF[IE] -->

在您的 <style> 标记周围，或者您包含此样式表

【讨论】：

【解决方案2】：

你的 CSS 在我看来不错。

“随机”的东西，你试过去掉/*#4b6c9e;/*#4169E1;*/还是在/*、*/前后添加空格？

更新：

另外请在 HTML 中包含引用此 CSS 的部分，使用 <link> 或 <style> 标记。

【讨论】：

【解决方案3】：

将 * 放在 Firefox 中不起作用的属性之前。像 *height: 58px;就我而言。

【讨论】：

我也是这么想的。但是几天前我读到了这个：stackoverflow.com/questions/1714096/…，我也知道它会给未来未知的浏览器带来问题，这些浏览器可能会以不同的方式读取它：s

【解决方案4】：

如果它在 IE 中有效，但在 Firefox 中无效，那么您的标记是错误的。永远，永远相信 IE 会做任何正确的事情。虽然 IE 可能会显示您想要的内容，但 FF 会显示您编写的内容。但如果没有完整的标记，我们所说的一切都只是一个疯狂的猜测。

【讨论】：