Disable Hover On Specific Div

When I hover over my #icon div, an image appears. When I remove the mouse from #icon the image disappears. THE PROBLEM If I hover over the space where the image will appear if I h

Solution 1:

Use pointer-events:none

div{pointer-events:none}
div:hover{color:red;}

<div>Hover over me</div>

Solution 2:

best way is to use pointer-events:none;

#image-divs{
   pointer-events:none;
}

Solution 3:

Notice that you to specify every hover for every div while you are using id's, you need to specify the hover effect for every div, now you should use this :

#image1{
display:none;
}

#icons1:hover#image1display:block;
}

this means, whenever you hover the icon1, image1 will be displayed, and so.

you can also try the opactiy:0; and opacity:1;