填充制作链接不起作用？

只有当我点击实际的文字，而不是周围的区域时，链接才起作用，即使悬停效果正在工作，所以我知道该按钮是有针对性的？填充制作链接不起作用？

这也发生在我正在使用左填充和放置图像的网站内的列表中，如果我点击填充的位置不起作用？

可以.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; 
    }

非常感谢:)

来源

2009-02-11 John McFarlane

如果我点击元素应该在哪里（没有填充），然后点击工作，但如果我点击元素，`click`事件不会触发，幸运的是我可以摆脱`padding` ，并使用`margin'代替。 – 2014-05-12 23:06:37

-1

关闭我的头顶，我想呈现每个作为一个元素，而不是，然后设置跨度的onclick事件跟随链接，并把无论您想要的范围内的空间和文字（）。

window.location = "URL!"

来源

2009-02-11 17:58:53 notnot

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

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

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

开始用（验证）平原（X）HTML文档
添加相关的CSS来得到你想要
逐件件，如果加回休息的CSS，可能是链路造型一些其他的CSS规则的干扰
加回你的JavaScript，再次计件逐件，其中有关

经过这个过程，你应该有什么样的因素导致了意外的行为，更清晰的概念。

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

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

来源

2009-02-12 14:37:00

谢谢，非常详细的答案，非常感谢，我会研究并发布更新。 – 2009-02-12 14:59:01

让我猜，IE6？

您确实需要在此处指定浏览器，因为不同渲染引擎之间可能会有很大差异。通常IE6与所有其他人一起，Safari和Opera将加入他们的盐。

要回答你的问题，在IE6中有时光标不显示“手形”图标，但点击区域将触发链接。在这种情况下，添加一个“光标：手”（或任何它，看看pss属性），将修复IE6。

来源

2009-02-12 23:15:18

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

有这个集合可能会造成一些奇怪。

如果您还可以提供您正在使用的HTML，这将有助于确定问题。

来源

2009-02-13 08:15:01 garrow

填充制作链接不起作用？

回答

相关问题