我有以下标记,
<ul id="menu">
<li><a href="#">Something1</a></li>
<li><a href="#">Something2</a></li>
<li><a href="#">Something3</a></li>
<li><a href="#">Something4</a></li>
</ul>
<li>
有点大,在它的左边有一个小图像,我必须实际点击<a>
才能激活链接。如何单击<li>
activate the链接?
Edit1:
ul#menu li
{
display:block;
list-style: none;
background: #e8eef4 url(images/arrow.png) 2% 50% no-repeat;
border: 1px solid #b2b2b2;
padding: 0;
margin-top: 5px;
}
ul#menu li a
{
font-weight: bold;
text-decoration: none;
line-height: 2.8em;
padding-right:.5em;
color: #696969;
}
发布于 2009-07-13 20:08:23
#menu li { padding: 0px; }
#menu li a { margin: 0px; display: block; width: 100%; height: 100%; }
它可能需要对IE6进行一些调整,但这就是您如何做到这一点。
发布于 2009-07-13 20:16:48
正如Marineio所说,您可以使用<li>
的onclick
属性通过javascript更改location.href
:
<li onclick="location.href='http://example';"> ... </li>
或者,您可以删除<li>
中的任何边距或填充,并在<a>
的左侧添加较大的填充,以避免文本越过项目符号。
发布于 2012-02-21 00:25:54
只需将链接文本添加到一个'p‘标签或类似的标签中,并为该元素添加边距和填充,这样就不会影响MiffTheFox给你的设置,即
<li> <a href="#"> <p>Link Text </p> </a> </li>
https://stackoverflow.com/questions/1121748
复制相似问题