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中

回答

相关问题