-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
  • 630,065
  • 150
  • 1,295
  • 1,284
acommenter
  • 47
  • 5

1 Answers1

-3

You have the background-image css property

background-image: url("test.gif");
Charlie
  • 18,636
  • 7
  • 49
  • 75