css - 指向不同页面的链接

Question

我有以下编码：

<style type="text/css">
    .clsLink {
        position: absolute;
        width: 100%;
        height: 1300px;
    }
</style>

<a href="http://www.somewhere.com" class="clsLink"></a>

我需要链接根据用户在页面中单击的位置指向不同的页面。

该链接将分为三个区域：

• 左区：calc((100% - 960px)/2)
• 中间区域：960px

• 右区：calc((100% - 960px)/2)

  我该如何处理这个问题？

Answer 1

三个链接标签并排显示为一个链接，试试这个：

html:

<a href="http://www.somewhere1.com" class="clsLink">please</a>
<a href="http://www.somewhere2.com" class="clsLink">click</a>
<a href="http://www.somewhere3.com" class="clsLink">here</a>

CSS：

 .clsLink {
    width: 100%;
    height: 1300px;
    text-decoration: none;
 }