Question

链接仅在我点击实际文本而不是周围区域时才有效，即使悬停效果正常，所以我知道该按钮正在被定位？

这也发生在我正在使用左边填充并在那里放置图像的网站列表中，如果我点击填充不起作用的地方？

可以.js脚本影响这个，这一切都是我正在使用的灯箱

任何想法??

ul#navigation { 
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding: 0;
  }

ul#navigation li a {
  position: absolute;
  bottom: 10px; 
  display: block;
  width: 5em;
  padding: .5em 0;
  color: #FFF;
  background: #92da3a;
  text-align: center;
  text-decoration: none;
  font-size: 11px; 
  }

ul#navigation li a:hover {
  color: #05554f;
  }

ul#navigation .back {
  float: left;
  width: 4em;
  padding: 10px;
  }

ul#navigation .close {
  float: right;
  width: 4em;
  padding: 10px;
  }

ul#navigation li.mt {
  border-bottom: 2px solid #92da3a; 
  width: 480px; 
  position: absolute; bottom: 30px; left: 20px;
  }

非常感谢：）

Answer 1

ul#navigation li a的CSS没有任何问题。我已将您的CSS复制到working example，这似乎可以在FF3，IE7和Chrome中正常运行。

我不希望JavaScript（写得很好）以任何方式干扰您的链接。虽然，一般来说，一段未知的JavaScript可以做任何。

影响最终渲染和行为的因素太多，无法确定原因。您将需要从最低限度开始并重新添加所有相关因素，直到它中断，或者直到所有内容都重新添加并正常工作。

以（验证）普通（X）HTML文档开头
添加相关的CSS以获得您想要的链接样式
添加CSS的其余部分，如果其他一些CSS规则正在干扰
在相关的

在此过程之后，您应该更清楚地了解导致不良行为的因素。

我建议使用FireFox Web开发人员工具栏来检查哪些CSS规则应用于导航链接。您可能会发现其他一些松散指定的规则会以其他意外的方式干扰。

您还应确认您的标记和CSS有效 - 在处理无效输入时无法准确确定正确的输出。

Answer 2

让我猜一下，IE6？

你真的需要在这里指定浏览器，因为不同的渲染引擎之间可能存在很大的差异。通常IE6与其他所有人一起，Safari和Opera加入他们的盐。

要回答您的问题，在IE6中，有时光标不会显示“手”图标，但点击该区域将触发链接。在这种情况下，添加一个“cursor：hand”（或者不管是什么，看看css属性），将为IE6修复它。

Answer 3

我尝试将UL或LI设置为相对位置，考虑到您将A设置为position：absolute;

让这套可能引起一些诡计。

如果您还可以提供正在使用的HTML，那将有助于解决问题。

Answer 4

在我的脑海中，我正在考虑将每个渲染为元素，然后设置span的onclick事件以跟随链接并在span（）中放置您想要的任何空格和文本。

window.location = "URL!"

填充制作链接不起作用？

4 个答案: