<img src="images/cat.gif" width="100" height="100" alt="Кошка">
<img src="images/cat.gif" width="100" height="100" alt="Кошка">
<div><img src="images/cat.gif" width="100" height="100" alt="Кошка"></div>
span { opacity: 0.7 } /* прозрачность SPAN */
p { opacity: 0.7 } /* прозрачность P */
background: url('images/steps.png') #fc6; /* фон страницы */
<style type="text/css">
<title>seodon.ru - CSS свойство opacity</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Пример CSS: использование opacity
Значение по умолчанию: 1.
Процентная запись: не существует.
Значением свойства opacity является число от 0 до 1 указывающее уровень прозрачности, где 0 полная прозрачность, 1 полная непрозрачность, 0.5 соответствует прозрачности наполовину.
Наследуется: нет.
Применяется: ко всем элементам.
Свойство CSS opacity используется для указания уровня прозрачности элемента. То есть, если он полностью или частично прозрачен, то сквозь него просвечивается родительский элемент, а при или и другие элементы. Это свойство делает прозрачным не только сам элемент, но и все его содержимое, поэтому, если к его потомку тоже применяется opacity потомок становится еще более прозрачным.
Опубликовано: 18.08.2010 Последняя правка: 12.03.2011
► > > > opacity
seodon.ru | CSS справочник - opacity
Комментариев нет:
Отправить комментарий