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,你把叠加在上面的那张图片，属性设置成这个，就行了

Answer 4

图片层级问题