WordPress.org

Forums

Spun
[resolved] Firefox not showing circles on hover (3 posts)

  1. alexandliz
    Member
    Posted 2 years ago #

    Hi,

    Everyone here has been a huge help. I copied and pasted the coding to make my home page circles in color and then fade to grayscale while hovering.

    Everything works fine in Chrome browser.

    When using Firefox, the images are in grayscale, and then when I hover over the image circle, it disappears.

    I've seen another person's site that has similar problems (images are in grayscale in firefox) but the images turn to color while hovering. (the person's site i'm referencing is sharongolod.com).

    My site is lizandalex.com. As you can see, it is a wedding website, and the fiancee is getting antsy for the website. Help. Please.

    Thanks!

  2. Andrew
    Nuh uh moderator
    Posted 1 year ago #

  3. ninacax
    Member
    Posted 1 year ago #

    I used the following line on my Style.css and it fixed it :
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic