Docs

[Amadeus]

Hello

I have this picture that is supposed to change to a second one on hover or mouse over. it works fine in safari or chrome but somehow doesn’t seem to work on firefox browser.

What could be the reason it doesn’t function in firefox?

thanks in advance,
amadeus

the page:
http://www.amadesigns.ch/amadeus_schneider_portfolio/work.html/about/

the custom css i used:

.portrait_a:hover
{content: url(http://www.amadesigns.ch/amadeus_schneider_portfolio/wp-content/uploads/2016/09/portrait_amadeus_schneider_2016_move_b.png);
z-index: 999;
width: 100%;
}

the shortcode for the image:

[image class=”portrait_a” src=”http://www.amadesigns.ch/amadeus_schneider_portfolio/wp-content/uploads/2016/09/portrait_amadeus_schneider_2016_move_a.png” alt=”portrait_a”]

[Rupok]

Hi there,

It seems you are using content property that should be used for ::before or ::after pseudo element. So your code won’t work on every browser as it’s not yet supported. You can use as background image or in pseudo element.

Hope this makes sense.

[Author]

Posts