CSS - 超链接不会去任何地方

时间:2010-01-11 18:42:58

标签: css href clickable

出于某种原因,我一直在努力弄清楚,我页面上的链接是可点击的,但实际上并没有去任何地方。标记本身看起来很好,我无法弄清楚是否存在使css无效的问题。我最近在一个z-index中添加了一个标签,但是没有效果。注意:下面的CSS取自Firebug,而不是实际的样式表......

标记:

<li class="">
  <span id="thmr_93" class="thmr_call">
  <a href="/edit/1">Edit</a>
  </span>
</li>

CSS:

.tabs ul.primary, .tabs ul.primary li {
    float:left;
    line-height:normal;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:left;
}

.tabs ul.primary li a {
    color:#008080;
    text-decoration:none;
    height:30px;
    line-height:30px;
    margin:10px;
    width:100%;
    z-index:100;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    text-align:left;
}

7 个答案:

答案 0 :(得分:2)

我猜,根据类的名称(.tabs ... etc),页面上有JavaScript试图使标签像动态标签一样。

尝试从页面中删除所有<script>标记(通常它们都在head或页面底部),看看它是否有效。

如果修复它,那么页面上的内容就会控制您的标记以添加功能。查找名为tabs.jsjquery-ui.js等的文件。其中任何一个都可能导致该问题。

答案 1 :(得分:2)

此行是否附加了javascript?如果javascript onclick事件返回false,则不会跟踪该链接。 CSS不能影响链接行为AFAIK

答案 2 :(得分:0)

第一步是减少问题。这可以通过注释掉任何和所有CSS直到它再次工作,然后逐个添加属性来实现。

答案 3 :(得分:0)

您所在的网页是/edit/1吗?

只是为了改变一个百灵鸟的网址是完整的 - 例如http://websitename.com/edit/1

答案 4 :(得分:0)

请注意,如果你有一些jQuery作用于链接,链接可能看起来不起作用,因为onClick事件将绑定到其他一些功能。禁用页面上的JavaScript并尝试。

答案 5 :(得分:0)

CSS不会影响控件的行为。如果在该超链接上附加了脚本,请尝试使用firebug进行调试。如果您有其他使用提交功能的脚本,请尝试禁用它们。如果失败,请尝试将相对链接放在href上,如href =“〜/ folder / file.html”或ASPX等。最终与“http://etc。”的完整链接。

答案 6 :(得分:0)

标签可能正在加载/编辑ajax内容(我猜这个),所以我也猜测页面上的javascript已经停止正常运行。

您可以使用firebug调试页面:)