我想有一个悬停动画消失时,悬停在图片和另一张图片取代它的位置,但后面的图片没有消失我尝试使用不透明度1转到0,过渡时间为0.5秒,但它停留在原来的位置第一个
luaexgnf1#
第一个
uqdfh47h2#
这是因为前面的图片总是在后面的图片上,所以.mwhite:hover永远不会触发,而且你的html中有一个错字,将calss="mwhite"更改为class="mwhite"我不得不改变你的HTML和CSS样式,使它的工作,我把前面的图片总是在前面,并使用这个CSS选择器激活时,悬停在前面的图片.mwhite:hover + .mblack在这个例子中,我添加了一个边框,图像并没有完全重叠,因此效果更明显:第一个
.mwhite:hover
calss="mwhite"
class="mwhite"
.mwhite:hover + .mblack
2条答案
按热度按时间luaexgnf1#
第一个
uqdfh47h2#
这是因为前面的图片总是在后面的图片上,所以
.mwhite:hover
永远不会触发,而且你的html中有一个错字,将calss="mwhite"
更改为class="mwhite"
我不得不改变你的HTML和CSS样式,使它的工作,我把前面的图片总是在前面,并使用这个CSS选择器激活时,悬停在前面的图片
.mwhite:hover + .mblack
在这个例子中,我添加了一个边框,图像并没有完全重叠,因此效果更明显:
第一个