-1

我页面中的超链接在 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 文件中的问题！

4

3 回答 3

0

尝试在链接中添加“/”<a href="/blog.php">

于 2013-08-22T13:14:10.553 回答
-1

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

  1. 在 jsfiddle 我没有注意到任何 html 或 body 标记
  2. 您多次使用 id 选择器，就像它们是类选择器一样：看看http://www.w3schools.com/css/css_id_class.asp
  3. 当您可以在 css 中编写一次样式时，为什么要在 html 代码中重复多次样式？
于 2013-08-22T13:37:11.980 回答
-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;

}
于 2013-08-22T13:49:46.870 回答