Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使跨度在锚外部工作,使其像锚内部一样工作_Html_Css - Fatal编程技术网

Html 如何使跨度在锚外部工作,使其像锚内部一样工作

Html 如何使跨度在锚外部工作,使其像锚内部一样工作,html,css,Html,Css,我有一个如下所示的标记: 我给了一些锚定标签的链接,但我希望用户点击li标签上的任何地方,使链接重定向到锚定标签的链接,但我不能把我的跨度放在锚定标签内,它必须在锚定标签外。这将是什么css,它也应该在IE中工作 <ul> <li> <span> 1 </span> <a href="">Click any where in the li i will take u to somewhere</a

我有一个如下所示的标记: 我给了一些锚定标签的链接,但我希望用户点击li标签上的任何地方,使链接重定向到锚定标签的链接,但我不能把我的跨度放在锚定标签内,它必须在锚定标签外。这将是什么css,它也应该在IE中工作

<ul>
   <li>
       <span> 1 </span>
       <a href="">Click any where in the li i will take u to somewhere</a> 
  </li>

</ul>
  • 1.

您可以尝试以下方法:

<li onlick="window.location.href='your.url'"> ... </li>

  • 不能使用css修改文档对象模型。为此,您需要一个javascript函数。

    插入li的内部锚定标记,并应用CSS进行样式设置。simplex为什么
    span
    不能在锚标记内?@torazaburo,因为一些动态内容将替换锚标记内的内容tag@CodingAnt我希望它以这种格式工作。
    是某种计数器吗?谢谢迈克,但我需要使用html m css:)那么据我所知,这是不可能的。下面是如何实现的在IE中,当我把鼠标悬停在1、2等数字上时,会发生什么?它不像链接,它的行为就像一个简单的文本,从技术上来说,扩展填充以包括跨度,并没有修改DOM,但它能按预期工作。所以,很酷的技巧。