WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Greyscale Icons wont work with FF (3 posts)

  1. UmbertoGecko
    Member
    Posted 1 year ago #

    Hey,

    thanks for that awesome Theme.
    I just got a problem with the greyscale-filter for Firefox. In IE the grey effects doesnt work as well, but at least it shows the coloured images.
    In FF it shows just the (coloured) images if you move the mouse over it.
    For now i had to deactivate that feature by commenting the following line in the CSS out:
    /* filter: url('inc/desaturate.svg#greyscale'); */ /* Firefox */

    Is this a general Problem, or why wont it work with my images?

    Thanks,
    Markus
    http://www.leaundmarkus.de

  2. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

  3. UmbertoGecko
    Member
    Posted 1 year ago #

    as it seems, you are right. If i use the following code:

    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");

    it just works out perfectly!

    Could be a possible solution for most people facing the same problem.

    edit: as i am not so much into coding, i have to admit i got that piece of code from here

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.