CSS ile gri görüntü?

SORU

13 Kasım 2008, PERŞEMBE

CSS ile gri görüntü?

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.

CEVAP

13 Kasım 2008, PERŞEMBE

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;
}

Bunu Paylaş: