Ne iyi bir yolu (eğer varsa) bir resim "" ile CSS (görüntü, gri ayrı bir sürüm yüklemeden yani)? gri görünmesi için

Benim bağlam Tamam en hücrede düğmeleri bir tablodaki satır var ve bazı satır diğerlerine göre daha ince görünmek gerekiyor. Yazı tipi daha hafif tabii ki kolayca yapabilirim ama resimleri de hafif her görüntünün iki sürümü yönetmek zorunda kalmadan yapmak istiyorum.

Gri olmak zorunda mı? Sadece resmi daha düşük (sıkıcı) donukluk ayarlayabilirsiniz. Alternatif olarak, <div> katman oluşturma ve gri (efekt elde etmek için alfa) bunu ayarlayabilirsiniz.

• html:

  <div id="wrapper">
      <img id="myImage" src="something.jpg" />
  </div>
  

• css:

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