超链接在Firefox中不起作用,但它们在chrome上工作?

时间:2013-08-22 13:11:36

标签: html css firefox

我页面中的超链接在Firefox上不起作用,但它们适用于chrome!

我搜索了谷歌和最近的我能找到我的问题是有人在他的桌子上添加了一些css值,但我的桌子上没有任何css!

当我点击页面上的按钮/超链接时,没有任何反应,当滚动条变小时,页面似乎会展开!

我已经删除了表格以查看这个问题是否是由表创建的,但即使没有页面上的表格也是如此!

这里是链接jsfiddle:http://jsfiddle.net/crf121359/RZhwK/

这里是按钮代码的一小部分(顶部的黑带),我怀疑这是问题的原因,但我可能完全错了。

    家     

<div id="btns2" style=
" border-right:dashed 1px #fff; width:150px; height:42px; vertical-align:middle; text-align:center; position:absolute; float:left; margin-left:174px;">
<span style="position:relative; top:10px; float:left; left:35px;"><a href=
"blog.php">BLOG</a></span>
</div>

<div id="btns2" style=
" border-right:dashed 1px #fff; width:220px; height:42px; vertical-align:middle; text-align:center; position:absolute; float:left; margin-left:348px;">
<span style="position:relative; top:10px; float:left; left:24px;"><a href=
"time-difference.php">TIME DIFFERENCE</a></span>
</div>

任何帮助都会很棒。

编辑:快速说明:我发现问题来自CSS文件,因为当我从HTML页面中删除css样式表时,超链接在firefox中运行良好。

但我不知道CSS文件中导致问题的原因是什么!

3 个答案:

答案 0 :(得分:0)

尝试在链接<a href="/blog.php">

中添加“/”

答案 1 :(得分:-1)

您可能需要查看代码中的一些内容:

  1. 在jsfiddle中我没有注意到任何html或body标签
  2. 您正在多次使用id选择器,就像它们是类选择器一样:看看http://www.w3schools.com/css/css_id_class.asp
  3. 为什么要在html代码中重复多次,当你可以在css中写一次?

答案 2 :(得分:-1)

正如我所说的问题是css问题:

问题是由此造成的:

    #flagHolder a:link, a:active, a:visited{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
      margin-left: auto ;
  margin-right: auto ;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  color:#666;
  float:left;
  margin-left:20px;
}
#flagHolder a:hover{
    text-decoration:underline;

}


    #flagHolder2 a:link, a:active, a:visited{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
      margin-left: auto ;
  margin-right: auto ;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  color:#666;
  float:left;
  position:absolute;
top:-266px;
left:250px;
}
#flagHolder2 a:hover{
    text-decoration:underline;

}


    #flagHolder3 a:link, a:active, a:visited{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
      margin-left: auto ;
  margin-right: auto ;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  color:#666;
  float:left;
  position:absolute;
  margin-top:0px;
margin-left:700px;
width:150px;
}
#flagHolder3 a:hover{
    text-decoration:underline;

}

    #flagHolder4 a:link, a:active, a:visited{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration:none;
      margin-left: auto ;
  margin-right: auto ;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
  color:#666;
  float:left;
  position:absolute;
margin-top:0px;
margin-left:700px;
width:150px;
}
#flagHolder4 a:hover{
    text-decoration:underline;

}