大佬教程收集整理的这篇文章主要介绍了css3 – CSS Box-Shadow的问题：在图像上插入，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
.vignette1 { box-shadow:inset 0px 0px 85px rgba(0,.5); -webkit-box-shadow:inset 0px 0px 85px rgba(0,.5); -moz-box-shadow:inset 0px 0px 85px rgba(0,.5); float: left; } .vignette1 img { margin: 0; position: relative; z-index: -1; width: 320px; height: 247px; }
它在隔离中工作得很好,但在我的生产站点有问题,父级div的背景设置会覆盖图像上的z-index – live jsFiddle demo here.
第二种方法 – 在原始文章的评论中提到并包含在演示中 – 效果很好,但是我的图像必须包含在标签中 – 它不能在下面.
或者您也可以将页面设置为realtive,并给它一个比图像更低的z-index：
http://jsfiddle.net/PEgBv/
以上是大佬教程为你收集整理的css3 – CSS Box-Shadow的问题：在图像上插入全部内容，希望文章能够帮你解决css3 – CSS Box-Shadow的问题：在图像上插入所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。