在此处查看演示：jsfiddle 演示
我有一个表格，其中包含一系列图标，每个图标下方都有文本。
应该发生的是，当光标悬停时，文本的背景和字体应该改变，并且图像应该是链接的一部分。
问题是用于将文本移动到图像下方的段落标签。
来自演示：
Link1：链接背景和字体更改。好的，现在将 a 标签移到 img 之外...
Link2：链接背景没有改变（？！），字体改变，但图像是链接的一部分。
Link3：这是所需的行为，但 [a] 和 [p] 标记不匹配。
有人可以解释一下
- 为什么段落标签似乎“阻止”了背景颜色的变化？
- 为什么不匹配的标签允许这个工作？
- 有没有更清洁的方法来实现这种行为？（没有不匹配的标签）
谢谢！