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



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



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

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


Подключение свойства в HTML:


Если свойству присвоить значение к примеру 0.2 то картинка будет еще прозрачней:




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


2010-12-22 • Просмотров [ 2024 ]