Question

我在VS2010＆amp;我设计了一个网站。在那个网站上，我设计了一个CSS＆amp;该样式表仅在Internet Explorer中有效。 CSS也应该在所有borwsers中生效（例如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;

}

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

我的母版页有两个内容占位符。一个用于标题部分＆amp;另一个是身体部分。我已经在子网页的标题内容页面持有者中添加了链接标记。

如何解决这个问题？

Answer 1

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

你的css应该适用于所有浏览器，即使是非常老的IE5，chrome，firefox，opera

我真的没有看到任何错误

编辑：只是为了确保你没有条件评论<--IF[IE] -->

围绕<style>标记，或者您要包含此样式表

Answer 2

你的CSS看起来很好。

“随机”的事情，您是否尝试删除/*#4b6c9e;/*#4169E1;*/或在/*之前和之后添加空格，*/？

<强>更新

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

Answer 3

将*放在不在Firefox中的属性之前。喜欢*身高：58px;就我而言。

Answer 4

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

FireFox 7.01的CSS兼容性问题

4 个答案: