有什么办法吗?
我有一个包含一些<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>
发布于 2013-02-11 05:55:32
你需要添加display:block
到你的<a>
标签,然后你可以在<a>
上设置宽度和高度或填充,如果你想让可点击的区域更大。
https://stackoverflow.com/questions/14803009
复制相似问题