Javascript 在前面设置div元素

我有以下代码

我希望在选中一个项目时，在页面顶部创建一个新的div

新的div包含比其他图像更大的图像集

<div style="width:960px;z-index: 1">

我的ccs代码：

a>div { display: none; }
a:hover>div { display: block; }

img {
margin: 10px 5px;
position:absolute;
}

从js动态创建的代码：

<div style="height:20px;z-index: 2"><img src="' + itemimg + '.jpg" /></div>

---

使图像div位置：绝对，而不是其内部的图像：

a>div {
   position:absolute;
   margin: 10px 5px;
   display: none;
}
a:hover>div {
   display: block;
}

---

使其绝对化会使其脱离页面内容流，因此它可以凌驾于其他所有内容之上。

您能发布完整的代码吗？你所描述的似乎对我有用：我无法从这个问题中真正理解，但你是否尝试过在新图像上放置更高的z指数？索引越高，图片越“提前”。

a>div {
   position:absolute;
   margin: 10px 5px;
   display: none;
}
a:hover>div {
   display: block;
}