Hello!

There is a link like: background-image:url('img/teams/<?=$match['team 2']?>.jpg) enter image description here

When I go over it, the right picture is not displayed: enter image description here

To check, I switched to another link like: enter image description here And I brought: enter image description here

So the question is: why exactly this image is not displayed during the transition, although everything works fine before

    1 answer 1

    Instead

     background-image:url('img/teams/<?=$match['team 2']?>.jpg 

    you need to enter in the block

     <img src="img/teams/<?=$match['team 2']?>.jpg"/> 

    The difference is that the image embedded by the img tag is a separate object in the DOM page. Such pictures can be scaled by the browser and positioned as inline-block objects. If you make a picture as a background of some object, then you will not be able to scale it, positioning on the page will be inherited from the parent