js写的鼠标覆盖，变换图片操作，为什么鼠标覆盖图1的红框位置时，没反应，需要移动鼠标到图片2的红框

Question

$("#business_model_2").mouseover(function(){

    

    $(this).attr("src","/ehouse/img/item/town/business_model_7.png");

});

$("#business_model_2").mouseout(function(){

    

    $(this).attr("src","/ehouse/img/item/town/business_model_2.png");

});    

Answer 1

中间图的宽高太大了 叠放次序在最上了,鼠标覆盖选中的是中间的图

Answer 2

叠放顺序问题，中间的图覆盖掉了一部分

Answer 3

css有一个属性，叫，pointer-events:none,你把叠加在上面的那张图片，属性设置成这个，就行了