Как скрыть контент на сайте с помощью прозрачности
- Следить за статистикой посещаемости сайта удобно, когда на сайте размещены счетчики посещаемости. Такие счетчики нам дают самые различные ресурсы, начиная от поисковых систем типа Google и Yandex, заканчивая менее известными ресурсами типа Zero.kz .
- Но данные счетчики могут нарушать общее впечатление от сайта, ломать дизайн, да и выдавать информацию о количестве посетителей, что не всегда выгодно, особенно на первых порах. Конечно, цвет счетчика можно подобрать под фон страницы сайта, но и в этом случае счетчик может выделяться, мешая общему впечатлению от увиденного на сайте. Одним словом, иногда полезно скрыть часть контента, к которым мы вынуждены отнести и счетчики посещаемости от глаз посетителя, но так, чтобы сами мы могли посмотреть, когда нам это надо.
- Такая задача вполне выполнима, если использовать код прозрачности контента при наведении мыши. То есть в обычном состоянии контент не виден:
но при наведении мыши появляется:
- Мы то с вами знаем, что, например, под иконками социальных сетей разместили счетчики посещаемости и когда захотим их увидеть, просто наведем мышью на это пустое место и увидим наши счетчики. Не верите, попробуйте сами если мышь под рукой.
- Код на странице HTML выглядит таким образом:
< div align="left" id="prozrachnost">Код счетчика< /div>
- Но в CSS надо обязательно еще прописать:
#prozrachnost a img {
opacity: 0.0;
-moz-opacity: 0.0;
filter: alpha(opacity=2);
position:relative;
z-index:1;
}.