Warning: fopen(/var/www/admin/data/www/artsss-web.ru/engine/cache/system/category.php): failed to open stream: No such file or directory in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 316 Warning: fwrite(): supplied argument is not a valid stream resource in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 317 Warning: fclose(): supplied argument is not a valid stream resource in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 318 Warning: fopen(/var/www/admin/data/www/artsss-web.ru/engine/cache/system/usergroup.php): failed to open stream: No such file or directory in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 316 Warning: fwrite(): supplied argument is not a valid stream resource in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 317 Warning: fclose(): supplied argument is not a valid stream resource in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 318 Warning: fopen(/var/www/admin/data/www/artsss-web.ru/engine/cache/system/informers.php): failed to open stream: No such file or directory in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 316 Warning: fwrite(): supplied argument is not a valid stream resource in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 317 Warning: fclose(): supplied argument is not a valid stream resource in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 318 Warning: fopen(/var/www/admin/data/www/artsss-web.ru/engine/cache/related_288cc0ff022877bd3df94bc9360b9c5d.tmp): failed to open stream: Permission denied in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 374 Warning: fwrite(): supplied argument is not a valid stream resource in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 375 Warning: fclose(): supplied argument is not a valid stream resource in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 376 Warning: fopen(/var/www/admin/data/www/artsss-web.ru/engine/cache/system/banners.php): failed to open stream: No such file or directory in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 316 Warning: fwrite(): supplied argument is not a valid stream resource in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 317 Warning: fclose(): supplied argument is not a valid stream resource in /var/www/admin/data/www/artsss-web.ru/engine/modules/functions.php on line 318 DataLife Engine > Версия для печати > Прозрачность/opacity в css на сайте
DataLife Engine > Полезное, Разное, Разное > Прозрачность/opacity в css на сайте

Прозрачность/opacity в css на сайте


31-01-2011, 13:57. Разместил: LeO
Прозрачность/opacity в css на сайте

Делаем разные формы и части на сайте прозрачными.
Откроем файл css и в конце пропишем два класса:
.transparencia{opacity: 0.5;} /*Прозрачность в нормальном виде*/
.transparencia:hover{opacity: 1;} /*Прозрачность при навидение мышкой*/

Теперь можно прописать данный класс к любому элементу, например к логотипу:
<img class="transparencia" src="url" />

Если у вас логотип прописан в css, делаем так - найдем в css название логотипа например "logo.png":
в css выглядит примерно так:
.logo { float: left; width: 343px; padding-top: 90px; background: url("../images/logo.png") no-repeat; }

добавим к это примеру "opacity":
opacity: 0.5;

получится должно так:
.logo {opacity: 0.5; float: left; width: 343px; padding-top: 90px; background: url("../images/logo.png") no-repeat; }

теперь возьмем этот же класс и пропишем его в низу так:
.logo:hover{opacity: 1;}

Вот и все, фантазируйте.

Внимание данный тег не поддерживают пару браузеров, смотрите скрин:

Прозрачность/opacity в css на сайте
Вернуться назад