1

我有一个包含随机生成内容的图片库：定位这些图片的 CSS 是：

.item {
  width: 200px;
  margin: 10px;
  float: left;
}

我有一些 JQuery 随机选择画廊中的这些图像之一，并通过使用 .addClass 和以下 CSS 将其长度加倍：

.frontpageimagelong {
    height: 200px;
    width: 420px;
}

问题是较长的图像隐藏在下图中。我需要将其覆盖或出现在下图上方。

我考虑过使用 Z-Index ：

.item {
  width: 200px;
  margin: 10px;
  float: left;
  position: relative;
  z-index: 1;
}

.frontpageimagelong {
height: 200px;
width: 420px;
position: relative;
z-index: 99;
}

但这并没有改变什么。有人对解决此问题的好方法有任何建议吗？谢谢

编辑：添加问题图片：

在此处输入图像描述

4

1 回答 1

0

感谢大家的帮助。我没有解决这个问题，但我解决了这个问题。我使用一些 JQuery 来查找 longimage 右侧的图像，然后再次使用 JQ 删除图像。所以 .item div 仍然存在，只是里面没有图像，所以是不可见的

于 2012-12-12T02:22:57.287 回答