Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - opacity.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Свойство opacity( непрозрачность или прозрачности ) устанавливает уровень непрозрачности или прозрачности для выбранного Вами элемента на страницах Вашего сайта.

При частичной или полной прозрачности через элемент проступает фоновый рисунок или другие элементы, расположенные ниже полупрозрачного объекта( как говорят в фотошопе - слоя).

Значения свойства opacity лежат в диапазоне от 0.0 до 1.0. Значение 0 соответствует полной прозрачности элемента; 1 — непрозрачности. Дробные числа вида 0.6 устанавливают полупрозрачность выбранного Вами элемента. Разрешается писать числа без нуля впереди, вида opacity: .3 .

Свойство opacity отличается от прозрачности, предоставленной свойством TransparencyKey, которая делает форму и элементы управления совершенно прозрачными, если они того же цвета, что и значение, указанное в свойстве TransparencyKey.

Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство opacity, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно.


Синтаксис:

                  opacity: value|initial|inherit;

Определение и Использование

Значение по умолчанию: 1
наследует: нет
Версия: CSS3
JavaScript синтаксис: object.style.opacity="0.5"


Свойства Значения

Значение Описание
value Определяет непрозрачность. От 0.0( полностью прозрачный) до 1.0( полностью непрозрачный)
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу - Установить уровень непрозрачности для элемента:

< !DOCTYPE html>
< html>
< head>
< style> 
div
{
background-color: #C77;
opacity:0.5;
filter:Alpha(opacity=50); /* IE8 and earlier */
}
< /style>
< /head>
< div>Этот элемент непрозрачности 0,5! Обратите внимание, что на текст и цвет фона влияет уровень непрозрачности!< /div> < /body> < /html>

Результат программы:

Этот элемент непрозрачности 0,5! Обратите внимание, что на текст и цвет фона влияет уровень непрозрачности!



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: