Question

我的页面上有一行中有3张图片，点击每张图片会打开一个更大的视图。

我的另一个div只包含文本。

我的问题是第三张照片的可点击区域重叠，导致下一个div中的文字也可以点击，并打开第三张图片的大图片。

如何将这些分开，以便右边的第二个div无法点击？

在Dreamweaver中查看页面时，没有重叠，两个div都是分开的，所以我不确定为什么它会导致文本成为链接。

div的CSS

#pressure {
width: 400px;
border: 0px;
float: left;
margin: 10px;
overflow-x: hidden;
}

#cpk {
width: 400px;
border: 0px;
float: right;
margin: 10px;
}

这是一个小提琴设置基本上即时体验，底部div（在我的网站上它在右侧，但你得到的图片）是可点击的，并链接到其中一个图片，即使他们是单独的div < / p>

http://jsfiddle.net/N8wUe/2/

Answer 1

<a href="#"/><img src="images/image.jpg" alt="LCD" width="200" height="100"  />

看起来你太早就关闭了链接上的标签。

不要把'/＆gt;'在锚的末尾，而不是把＆gt;并在图像后放置</a>。

<a href="#"><img src="images/image.jpg" alt=""  width="200" height="100"/></a>

href可点击区域正在离开div

1 个答案: