Css鏈接不工作在Firefox中

我有一個非常惱人的問題。我已經使用CSS設計了我的網站，並且它似乎在Google Chrome和IE中完美工作，但CSS設計並非都適用於Firefox。什麼可能是問題，我嘗試了很多事情，它仍然無法正常工作。由於新用戶不允許發佈圖片。我無法用屏幕截圖解釋。Css鏈接不工作在Firefox中

我的index.php中

 <!Doctype html> 
    <html lang="en"> 
    <title>Online Voting RTC</title> 
    <head> 


    <link type="text/css" rel="stylesheet" href="css\style.css"> 
    <script type="text/javascript" src="js\create_text_box.js"> 
    </script> 

    </head> 
    <body> 
    <div id="wapper"> 
     <!-- Define Header --> 
     <?php include("header.php"); ?> 
     <!-- End Header --> 

     <!-- Main content area --> 
     <?php include("maincontent.php");?> 
     <!-- End of Main content area --> 

     <!-- Left Sidebar --> 
     <?php include("sidebar.php");?> 
     <!-- End Left Sidebar --> 


     <!-- Footer --> 
     <?php include("footer.php");?> 
     <!-- End of Footer --> 
    </div> 
    </body> 
    </html>

碼這是CSS部分

body { 
background: #ffffff; 
margin: 0; 
padding: 0; 
} 

#wrapper { 
    width: 100%; 
    height: 100px; 
    margin: 0; 
    padding: 0; 
    border: 0; 
    float: left; 
    background: #dddddd; 
} 

#header { 
width: 100%; 
height: 100px; 
margin: 0; 
padding: 0; 
border: 0; 
float: left; 
background: #403cf7; 
} 

.logo { 
    float:left; 
    position:relative; 
    left:20px; 
    top:20px; 
} 

.pagetitle { 
    float:left; 
    position:relative; 
    left:550px; 
    top:20px; 
} 
.usermenu { 
    float:right; 
    position:relative; 
    right:20px; 
    top:20px; 
} 

#sidebar { 
width: 20%; 
height: 600px; 
margin: 0; 
padding: 0; 
border: 0; 
float: left; 
background: #ffff99; 
text-align: center; 
    } 

#maincontent { 
width: 80%; 
height: 600px; 
margin: 0; 
padding: 0; 
border: 0; 
float: right; 
background: #95dff8; 
} 

#footer { 
width: 100%; 
height: 70px; 
margin: 0; 
padding: 0; 
    border: 0; 
    float: left; 
    background: #272727; 
} 

/*-----------------------------------------CSS for navigation Menu------------------------*/ 
    #navMenu{ 
color:#d4d3d3; 
font-family:Geneva; 
float:left; 

} 

    #navMenu ul li a{ 

text-decoration:none; 
color:#989694; 
} 

#navMenu ul li a:hover{ 
color:#f46322; 
} 


#navMenu ul{ 
padding:0; 
margin:0; 
margin-left:25px; 
list-style:none; 
position:relative; 
left:20px; 
top:20px; 
} 
/*----------------------------------------------------------------------------------------*/

我會很感激，如果有人能幫助我在這種情況下。其實我正在檢查瀏覽器的兼容性，我遇到了這個問題。在此先感謝：D

來源

2012-07-24 Chakra

你說的「它不工作」是什麼意思？ – 2012-07-24 07:23:10

請指定您確切的問題。 – 2012-07-24 07:24:15

嘗試使用'<！DOCTYPE html>'，因爲它區分大小寫 – 2012-07-24 07:27:36

您需要關閉您的鏈接標籤

<link type="text/css" rel="stylesheet" href="css/style.css" />

如果你的CSS文件夾斷你的網站的路徑目錄，你將得到更好的使用

<link type="text/css" rel="stylesheet" href="/css/style.css" />

因爲這一點，如果你移動仍然可以工作你的頁面到不同的文件夾。

您還需要在HEAD元素內移動標題標籤以使HTML有效。

來源

2012-07-24 07:36:04 munnster79

非常感謝你...非常感謝你的幫助：D – Chakra 2012-07-24 07:37:52

在HTML5中，既不需要也不推薦使用「/>」，而不是「>」。這與手頭的問題無關。關於'title'元素放置的說明是正確的，但與問題無關。最好改變URL的建議值得懷疑。 – 2012-07-24 08:14:44

URL中不允許使用「\」（反斜槓）字符;將其更改爲「/」（正常斜線）。有些瀏覽器會將不正確的「\」隱式轉換爲「/」。

來源

2012-07-24 07:28:13

謝謝你的工作。 – Chakra 2012-07-24 07:33:17

我也有這個問題，這是解決它。 – 2016-06-09 05:40:37

我也有這個問題。一旦我從容器類中刪除了-1的z-index。鏈接再次開始工作。

來源

2013-08-21 23:32:57 Tazz3L

嘗試刪除type =「text/css」。

你的代碼應該是這樣的：

<link rel="stylesheet" href="css/style.css">

來源

2014-11-30 02:48:24 Gio

Css鏈接不工作在Firefox中

回答

相關問題