2011-11-03 150 views
0

我正在VS2010工作&我设计了一个网站。在该网站中,我设计了一个CSS &样式表仅在Internet Explorer中有效。 CSS也应该适用于所有Borwsers(例如Firefox,Chrome)。与FireFox 7.01的CSS兼容性问题

的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文件也适用于相同的问题。我认为这有一些问题。

我的主页有两个内容占位符。一个用于标题部分&另一个用于身体部分。我在子页面的标题内容页面中添加了链接标签。

如何解决这个问题?

+0

这不是要在跨浏览器兼容性方面提出这样一个普遍问题的地方。对这个主题进行Google搜索并做一些阅读。如果你有任何更具体的问题,请回来(确保你先搜索现有的问题和答案) – musefan

+0

你如何指定所有的浏览器都应该使用这个CSS?你怎么知道它不适用于非IE? – Richard

回答

0

不是100%肯定,但你不使用任何浏览器的具体规则

你的CSS应该在每个浏览器甚至是很老的IE5,铬,Firefox浏览器,歌剧

我真的没有看到任何东西错了

编辑:只是要确定去检查,你没有条件注释<--IF[IE] -->

在你<style>标签或不过要包括这个样式表

0

您的CSS看起来很好。

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

更新:

也请在HTML中包括部分引用这个CSS,使用<link><style>标签。

0

把*放在Firefox中没有的属性之前。像* height:58px;在我的情况。

+0

我也这么想过。但几天前,我读了这个:http://stackoverflow.com/questions/1714096/why-is-the-css-star-selector-considered-有害的,我也知道它可以给未来的未知浏览器的问题,可能会以不同的方式阅读:s – Yisela

0

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