Прозрачность элементов средствами CSS

При верстке макета часто встречается задача сделать какой-нибудь элемент прозрачным. Если данный элемент является элементом дизайна, то png с прозрачностью является самым простым решением. Но, например, дизайнер решил немного облегчить подвал и сделать счетчики прозрачными, скажем на 50 процентов. Как быть в этой ситуации?

На помощь нам приходит CSS с директивой opacity. И если раньше приходилось довольно внушительное объявление для поддержки различными браузерами, то на данный момент достаточно такого объявления:

.limp {
	filter: alpha(opacity=50);
	opacity: 0.5;
}

Данное объявление создает эффект прозрачности на 50% для любого объекта в верстке. Объявление filter будет применяться ко всем браузерам Microsoft Explorer до 9-й версии. Второе объявление будет работать во всех остальных браузерах.