Css 我如何使图像只可点击，而不是整个div？

这是我正在使用的标记。我遇到的问题是DIV（整个框）正在变成一个超链接。我只想让图像超链接。我使用的图像更像是一个圆圈中的三角形，所以你有一些盒子里的div

---

文本部分在一个div中[因为我是一个新手，从那以后我就这么说了]，还因为单词的角度（例如44度角）适合三角形图像。

你的div对超链接做出反应，因为你在

标记中有整个内部div。尝试在标签末尾移动
。大概是这样的：


正文


根据您的评论，您似乎希望在图像和文本上都有超链接。如果是这样的话，那么你所做的是完全正确的。它可能看起来像是你点击了整个外部div，但你并没有点击外部div，而是实际点击了内部内容，这是因为外部div中没有其他内容。
试试这个

<div class="r1">
    <a href="http://..."><img src="..." />
        <div class="text1">TEXT</div>
    </a>
</div>


正文
您的语法错误请尝试此

<div class="r1">
    <a href="http://..."><img src="..." /></a>
    <div class="text1">
         TEXT
    </div>
</div>


正文
试试这段代码

<div class="r1">
    <a href="http://..."><img src="..." /></a>
        <div class="text1">
            TEXT
        </div>
</div>


正文
试试这个：

  <div class="r1">
  <a href="http://..."><img src="..." /></a>
  <div class="text1">
        TEXT
  </div>
  </div>


正文
他们现在习惯了这样

HTml

<div class="r1">
  <div>   
     <a href="http://..."><img src="..." /></a>
  </div>
  <div class="text1">
    TEXT
  </div>
</div>

还是一样的问题。现在，如果我没有很好地解释这一点，那么这些词没有链接（这将使我感到抱歉）。想象5个三角形，所有这些三角形的点都指向中间。这些图像中的每一个都需要通过链接进行编辑。但是div在图像周围制作了一个虚构的框。这些框重叠在其他图像上，因此当你点击其中一个三角形时，实际上会打开另一个。我希望div中的单词也可以链接。所以基本上我想要的是图像和单词，而不是透明部分。@TimCooley是diff图像和div相互重叠吗？当你试着点击一些图片时，它会回应你点击重叠的图片/div？是的。请检查该链接，我相信这是糟糕的形式，但你会得到的想法，当你到达那里。如果你转到轮子的底部图像（紫色的称为“普拉提”），你可以看到如果你将鼠标移到蓝色的“伸展”（在三角形点[在圆圈中间]的角落）上，然后单击并拖动图像。紫色的在动，蓝色的不动。我希望这能有所帮助。@TimCooley-hmm。。我现在明白了。对布局编码还有一些疑问。为什么将一个div中的文本显示到另一个div中。我的意思是，在代码中用紫色图像（其中写入了拉伸）编写的文本显示在绿色图像（全身）中。你为什么这么做？不能在同一图像的内部div中显示文本。
<div class="r1">
<a href="http://..."><img src="..." /></a>
<div class="text1">
TEXT
</div>
</div>

<div class="r1">
    <a href="http://..."><img src="..." /></a>
    <div class="text1">
         TEXT
    </div>
</div>

.r1 > a{
display:inline-block;
}

.r1 > a, .r1 > a img{
vertical-align:top;
}