2011-02-22 11 views
7

Gizlemek yerine uygulamak için bir HTML tablosu gri yapmak istiyorum. Bunun nasıl yapılabileceği hakkında bir fikrin var mı? Umarım CSS ile!Bir HTML öğesi nasıl dışlanır

+0

çalışıyor. – BoltClock

+1

Bir formdan/girişten mi bahsediyorsunuz? Veya sadece genel içerik/metin? – TNC

+0

Sadece genel metin ve düzen. – Jonathan

cevap

44

opacity'u indirin.

<table class="grayout"> 
    ... 
</table> 
.grayout { 
    opacity: 0.6; /* Real browsers */ 
    filter: alpha(opacity = 60); /* MSIE */ 
} 
+4

Mükemmel cevabınız ve iyi şaka için teşekkür ederiz! – Jonathan

+1

Rica ederim. 'Gerçek tarayıcılar' için – BalusC

+10

+1 ' – That1Guy

3

sen ancak o zaman tüm HTML grileştirebilir istiyorsanız kullanabilirsiniz filtreler

.grayscale { 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: grayscale(100%); 
    filter: gray; 
    } 

Kullanıcı üzerine tıklayın olmamalıdır isterseniz, o zaman mutlak pozisyon ve 100 ile boş DIV yerleştirmek % yükseklik genişlik. Yapmak istediğiniz tüm o zaman sadece o gri tonlarının arka plan ve kenarlık renkleri vermek gri görünmesi ise burada

kodu https://jsfiddle.net/rb4f7wf6/

İlgili konular