html - 带有 :after pseudo element? 的 img 标签上的奇怪行为

Question

我昨天问了一个关于申请 uneven shadow with CSS3 的问题，最终的最终结果是this (这让我印象深刻!)

不幸的是，当我开始尝试在图像上使用它时，我最终得到了 this (影子根本没有出现)

我似乎无法弄清楚为什么会发生这种情况，我尝试删除替代文本(这没有帮助)但是给 img 一个空白的 src 属性修复它(显然我不想这样做这个!)

我能想到的是，它可能与 content:"" css 有关吗？我试过弄乱它，但一无所获。

我可以使用 div 来包装 img，并为其赋予类，但最终我想避免这种情况。

Answer 1

所以只要把图片放在这样一个div里面就可以了。那会被接受吗？像这样:

<div class="container"><img src="http://intelligentpenguin.co.uk/blank_story.gif" alt="" /></div>

http://jsfiddle.net/qUpZX/4/

有个相关问题here

显然它与“之前”和“之后”伪类有关。