2011-11-03 148 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會顯示您所寫的內容。但是如果沒有完整的標記,我們所說的任何事情都只是一種瘋狂的猜測。