HOME
NAVIGATION

让背景图片浮在图片上方

其实我想做的是,在发生鼠标事件的时候,让背景图片隐约出现在图片上,由于图片是一直在变的,但是背景图片只需要一个, 所以不考虑互换图片和背景图片位置。

百度了一下,又说z-index设置img为负数的,但是亲测无效,不过也有可能是打开方式不对(摊手)

所以最后我使用的方法是:

贴一下CSS代码和效果图



设置父元素background-color(亲测img本身的background无效), 在鼠标事件发生时(或者任何想要让背景图片浮到图片前的时候), 设置图片opacity(数值多少看你像浮出来多少) 按一下F5!大功告成!