Html 需要帮助解决一个奇怪的CSS问题吗

在这个地点休息一下：

如果将鼠标悬停在三个文章框上，您将看到文本和图像都发生了更改

我将文本放置在一个DIV中，该DIV浮动在DIV（图像）上方，不透明度设置为60%。但是有人能解释一下为什么第一篇文章比另外两个盒子低5倍左右吗？第一篇文章与底部对齐-它应该高出5倍

以下是文本框的CSS：

#articleImageList .introText {
  background-color:#000000;
  color:#FFFFFF;
  height:50px;
  margin:0 2px;
  opacity:0.6;
  overflow:hidden;
  padding:5px 20px;
  position:relative;
  top:-75px;
  z-index:0;
}

---

使所有图像大小相同。调整大小

/upload/Ferskingen/colorbox1021676.jpg

（第一篇文章框中的图像），使其为440x239px（与其他图像一样，为430x239 atm）

该图像使div.articleImage高于其他两个，因此使您的

位置：相对；底部：-75px不渲染所需的结果（但其行为正确）

或：

删除
main.css
第439行中的
article ImageList img
-选择器中的
最小宽度
。
使所有图像大小相同。调整大小
/upload/Ferskingen/colorbox1021676.jpg
（第一篇文章框中的图像），使其为440x239px（与其他图像一样，为430x239 atm）

该图像使div.articleImage高于其他两个，因此使您的
位置：相对；底部：-75px不渲染所需的结果（但其行为正确）

或：

在
main.css
第439行的
#article ImageList img
-选择器中删除
min width
。
不确定这是否是错误的原因，但标记中至少有一个未关闭的标记：不确定这是否是错误的原因，但标记中至少有一个未关闭的标记：嗯，我不知道图像高度会影响它。现在我知道了。谢谢！：）如果您只设置了其中一个属性，UA似乎会尝试保持纵横比或约束比例（使用photoshop舌头）。我使用“最大宽度”是为了获得图像比例高度并保持纵横比。因为图像的高度/宽度可能不同。嗯，我不知道图像的高度会影响它。现在我知道了。谢谢！：）如果您只设置了其中一个属性，UA似乎会尝试保持纵横比或约束比例（使用photoshop舌头）。我使用“最大宽度”是为了获得图像比例高度并保持纵横比。因为图像的高度/宽度可能不同。