-2

I have an html section,

<div id="home">
    ...
</div>

and the following css applied,

  #home {
      background: url(../images/main.png) no-repeat center center fixed; 
      display: table;
      height: 100%;
      position: relative;
      width: 100%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
       background-size: cover;
  }

My question is, how can I select the background image, which was set by CSS as background, so I can apply a filter? The only thing I want to do is to grayscale the background image. Which is the appropriate selector for a property?

BoltClock
  • 665,005
  • 155
  • 1,345
  • 1,328
acommenter
  • 47
  • 5

1 Answers1

-3

You have the background-image css property

background-image: url("test.gif");
Charlie
  • 21,138
  • 10
  • 54
  • 85