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
您需要关闭您的链接标签
<link type="text/css" rel="stylesheet" href="css/style.css" />
如果你的CSS文件夹断你的网站的路径目录,你将得到更好的使用
<link type="text/css" rel="stylesheet" href="/css/style.css" />
因为这一点,如果你移动仍然可以工作你的页面到不同的文件夹。
您还需要在HEAD元素内移动标题标签以使HTML有效。
非常感谢你...非常感谢你的帮助:D – Chakra 2012-07-24 07:37:52
在HTML5中,既不需要也不推荐使用“/>”,而不是“>”。这与手头的问题无关。关于'title'元素放置的说明是正确的,但与问题无关。最好改变URL的建议值得怀疑。 – 2012-07-24 08:14:44
URL中不允许使用“\”(反斜杠)字符;将其更改为“/”(正常斜线)。有些浏览器会将不正确的“\”隐式转换为“/”。
谢谢你的工作。 – Chakra 2012-07-24 07:33:17
我也有这个问题,这是解决它。 – 2016-06-09 05:40:37
我也有这个问题。一旦我从容器类中删除了-1的z-index。链接再次开始工作。
尝试删除type =“text/css”。
你的代码应该是这样的:
<link rel="stylesheet" href="css/style.css">
你说的“它不工作”是什么意思? – 2012-07-24 07:23:10
请指定您确切的问题。 – 2012-07-24 07:24:15
尝试使用'',因为它区分大小写 – 2012-07-24 07:27:36