Question

我想在html页面上链接部分照片，以重定向到我正在制作的另一个html页面。什么是最简单的方法？

<div class="large-8 columns">
    <div style="background-image: url('../BackgroundGrid.png')>
        <div class="layer-wrapper">
            ...
        </div>
    </div>
</div>

因此，将BackgroundGrid图像的一角重定向到一个单独的html页面。有什么想法吗？

Answer 1

您可以创建透明的

<a href="http://google.com" target="_blank">

用这种方式用你的照片在你的照片上面（比如说你希望半顶部可以点击并链接到谷歌）：

.parent-wrapper{
  position: relative;
}

.photo-click-area {
   position: absoulte;
   top: 0;
   left: 0;
   height: 50%;
   background: transparent;
   display: block;
   cursor: pointer;
   z-index: 9;
}

所以你的代码看起来像这样：

<div class="large-8 columns parent-wrapper">
    <a class="photo-click-area" href="http://google.com" target="_blank" />
    <div style="background-image: url('../BackgroundGrid.png')>
        <div class="layer-wrapper">
            ...
        </div>
    </div>
</div>

将照片的一部分链接到另一个html页面

1 个答案: