在没有javascript的情况下，使用<a>元素使整个<li>可点击
在没有javascript的情况下，使用<a>元素使整个<li>可点击
提问于 2013-02-11 05:53:06
有什么办法吗？
我有一个包含一些<li>元素的<ul>。它是下拉菜单的一部分。每个<li>变成一个与组中最大的<li>元素(其中包含最多文本的元素)大小相同的框。
问题是，我希望人们能够点击每个<li>框中的任何地方并让链接工作，而不仅仅是文本所在的位置。如果可能的话，我想要一个非javascript的解决方案。
下面是一些示例HTML。内部的<li>元素是带有链接的元素。
<li class="parent Glass" style=" float: left;">
Glass
<ul class="child" style="float: left; position: absolute; z-index: 999; display: none;">
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=25">Brown (13)</a>
</li>
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=112">Crystal (93)</a>
</li>
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=99">Gray (1)</a>
</li>
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=42">Latte (12)</a>
</li>
<li style=" float: left;">
<a href="http://example.com/path/to/somehwere.html?glass=72">White (15)</a>
</li>
</ul>
</li>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14803009
复制相关文章
相似问题