关于a标签嵌套解决方案

发布日期：2017年11月28日文章来源：www.tengways.com

buy clomid pct

buy clomid tablets

在实际网页布局之中，有时候需要一整块点击区域中间还要有部分按钮点击，也就是需要a标签嵌套a标签，例如：

<a href="#haorooms">outerA

<a href="#haoroomsinner">innerA</a>

</a>

但是浏览器一般都会解析为：

<a href="#haorooms">outerA</a>

<a href="#haoroomsinner">innerA</a>

在设计中可以用以下一些解决方法：

1、使用object标签进行嵌套（常适用于列表内容点击）

列表内容

</a>

2、运用定位法则

<a href="#haorooms">outerA</a>

<a href="#haoroomsinner">innerA</a>

外层的haorooms通过设置display:inline-block，以及绝对定位，将其放在里层a标签的位置。然后通过调整里层a标签及外层a的z-index大小，使得鼠标能正确选中a标签；

返回列表

新闻资讯