javascript - 无法使用 CSS 在另一个图像上添加一个图像

Question

好吧，我试图通过使用 CSS 在另一张图片(默认情况下在所有图片上)显示一个小 Logo 图片，但不知何故没有显示任何内容。这是我使用的 CSS

img:after
{
    content: '';
    display: inline-block;
    position: absolute;
    width: 48px;
    height: 48px;
    top: 40px;
    left: 40px;
z-index: 1px;
    background: url(http://dl.dropbox.com/u/51558405/small.png) no-repeat;
}

我尝试执行此操作的图像是标准的 640x360 尺寸。我认为对背景图像使用 z index 组件可能会把它放在前面但没有用。因为我希望在默认情况下对所有图像执行此操作，所以我负担不起手动编辑 html，所以有没有一种方法可以做到这一点而不必编辑 html 而只编辑 CSS 或脚本？

Answer 1

伪元素不适用于 img 标签。

查看此问题/答案:Why don't :before and :after pseudo elements work with `img` elements?