Question

网页怎么做才能让ul li中点击li里面任何位置都能转移到a的链接里面去

<ul>
<li><img src="images/ico1.png" align="absmiddle"/>添加应用</li>
</ul>
怎么设置a标签 才能让我点击<li>中所有地方都能到转移到<a>标签的href里面？

Answer 1

我也遇到这个问题，
<li><img src="images/ico1.png" align="absmiddle"/><a id="01" href="...">添加应用</a></li>
然后在CSS里面
#01｛display:block；｝
就好啦，长宽就跟li一样，试一下把

Answer 2

ul 加个onclick事件。比如 <ul onclick="turntopage()"><li..........</ul>
function onclick(){location.href = "你要跳转的地址";}

追问

unction onclick(){location.href = "你要跳转的地址";}

这个要写到JS里面吗？ 还有我是想点单独一个li的时候 不是全部都转一个位置
那不是要设置N次？

追答

懂了。 这么写 li1li2li3

追问

哈哈哈

如果我给这个加上css width:100px;height:100px;background:red;
如果这样 我只有点到哈哈哈3个字的时候才能跳转

但是我想要的是点到整个的所有位置 就算点到红色背景 也能跳转

要怎么弄？

追答

li1li2

追问

只能这样呀。。。。不会这么麻烦吧。。

追答

貌似也可以通过设置a标签的长宽来弄。不过我觉得这样还是比较方便的一种。。

Answer 3

<ul>
    <li>
        <a href="#"><img src=""images/ico1.png"></a>
    </li>
    <li>
        <a href="#"><img src=""images/ico1.png"></a>
    </li>
    <li>
        <a href="#"><img src=""images/ico1.png"></a>
    </li>
</ul>

css属性：ul li a{ display:block; }

其他css属性正常就行

Answer 4

ul加个onclick事件。比如functiononclick(){location.href="你要跳转的地址";}

Answer 5

让a标签变成块元素
display:block
display 属性规定元素应该生成的框的类型
block 将显示为块级元素
前提是你的li没有设置宽高
否则失效
希望能帮到你