Gray out image with CSS?

Question

What\'s the best way (if any) to make an image appear \"grayed out\" with CSS (i.e., without loading a separate, grayed out version of the image)?

My context is that

Answer 1

Does it have to be gray? You could just set the opacity of the image lower (to dull it). Alternatively, you could create a

overlay and set that to be gray (change the alpha to get the effect).

• html:

• css:

  #myImage {
      opacity: 0.4;
      filter: alpha(opacity=40); /* msie */
  }
  
  /* or */
  
  #wrapper {
      opacity: 0.4;
      filter: alpha(opacity=40); /* msie */
      background-color: #000;
  }
  

0 讨论(0)

查看其它9个回答

发布评论:

提交评论

---

•  加载中...