通过css在div下面添加图像？

我计划在一个div下面添加一个图像。它将位于导航栏（div）下面，添加一些不错的阴影效果（img）。看起来像这样：

<div>...</div>
<img>

。。。

到目前为止，它只是在html代码中，但我想保留html代码，因为它是一个经常更新的主题。所以我只想修改CSS

---

有没有一种方法可以做到这一点而不用修改HTML代码，只需使用CSS？

您不能通过CSS更改图像元素的源。。。 您可以使用CSS tho创建阴影：

    -webkit-box-shadow: 0 8px 6px -6px black;
   -moz-box-shadow: 0 8px 6px -6px black;
        box-shadow: 0 8px 6px -6px black;

也可以通过javascript或codehind更改图像

javascript:

$（element）.src=“新图像的路径”
两个建议：

将阴影图像作为1px x Xpx重复背景图像添加到导航分区的底部。这样它将位于导航分区内。只需在导航分区的底部添加一些填充物来容纳它，例如
导航{
垫底：6px；
背景：url（images/nav bg.png）重复-x 0底部；
}

（上面的代码假设你有一个高6像素，宽1像素的背景图像（但这取决于你），路径显然必须调整到实际图像所在的位置

不要在NAV DIV下添加图像，而是添加另一个DIV，并再次通过CSS向该DIV添加1px Xpx阴影图像
你可以给演示表示感谢，但有一个小的误解：现在html代码中没有图像。我暂时把它放在那里，但希望最终删除它，通过CSS在div下面添加一个新图像。这可行吗？没有CSS是“级联样式表”您不能添加html元素。如果您想添加元素，可以使用javascript或codebehind。@MyrkoThum-我已经为您在上面的答案中添加了一些代码。很好，很乐意提供帮助，请更新我的答案，并在您有能力时接受。