0
我想用伪元素:: after和:: before来创建附加阴影以创建页面卷曲效果的排序。但是,无论何时涉及<img>
,其src一直覆盖阴影。这是一个普遍的限制还是有解决方法?图像不礼貌z-index和覆盖假元素的阴影
<ul>
<li class="imgContainer"><img class="imgFake" /><br><span class="imageTag">some Title</span></li>
<li class="imgContainer"><img class="imgFake" src="http://wallpaperstock.net/maggie-grace-portrait_wallpapers_14105_1600x1200.jpg"/><br><span class="imageTag">some Title</span></li>
<li class="imgContainer" style="margin-bottom:50px;"><img class="imgFake" src="http://wallpaperstock.net/maggie-grace-portrait_wallpapers_14105_1600x1200.jpg"/><br><span class="imageTag" style="top:auto; bottom:27px;">some Title</span></li>
</ul>
能否请您补充一点,你预计第4图像(它设计在Photoshop中) – Chandrakant 2012-08-11 09:38:57
jsfiddle目前只在webkit浏览器上看起来很正确,但你会用mozilla得到这个想法。 – maddrag0n 2012-08-11 09:39:32
@Chandrakant:更新jsfiddle与预期的结果模型:http://jsfiddle.net/BpgXC/7/ – maddrag0n 2012-08-11 09:52:50