За прозрачность в CSS отвечает свойство opacity. Это свойство относится к версии CSS3. Свойство opacity можна применять ко всем элементам страницы. Этому свойству присваивается число от 0.0 до 1.0. Когда мы присвоим значение 1.0 то объект будет не прозрачным , а если 0.0 то будет прозрачен полностью.

На примере картинка в стандартном виде(не прозрачная). Сейчас зададим ей прозрачность.



На примере мы задали свойству apacity значение 0.6.

Запись свойства в CSS:

.opac {opacity: 0.6;}
Подключение свойства в HTML:

<img src="default.JPEG" class="opac" >
Если свойству присвоить значение к примеру 0.2 то картинка будет еще прозрачней:



.opac {opacity: 0.2;}
На примерах показано что можна делать элементы странички более или менее прозрачными как вам удобно. Здесь на примере мы взяли картинку, но можна задавать прозрачность любому элементу(текст, таблица, заголовок и т.д.).

---