How to make Wild Music type background-image show?

Hide works but doesn’t show background-image. What am I missing please?
`dogcat {background-image: url('img_design/TuxCatRedChair764x900.jpg’);}’

`<img class=“dogcat” alt=“Watercolor dog portrait” src=“img_design/KonaPaint900H.jpg” data-pg-ia=’{“l”:[{“trg”:“mouseenter”,“t”:"$.dogcat",“a”:{“n”:"",“l”:[{“t”:"",“l”:[{“t”:“tween”,“p”:0,“d”:0.2,“l”:{"autoAlpha”:0}}]}]}}]}’>’

You are applying background-image property to an img element. That is not how you should do it. And also in your context if img hides, its background will also hide, they are not separate elements.

So to hide one of the element they should be separated and one should be placed on top of another.

You an also check the files of WildMusic example. In the tutorial I’ve mentioned that the top image is an overlay. So if you want to get more idea check the codes.

1 Like