Tweet Здравствуйте уважаемые читатели
.jpg)
Tweet Здравствуйте уважаемые читатели. Извините, что неделю ничего не писал. Но столько всего навалилось. Завал на работе, день рождения сына. Да и еще какая-то хандра нашла. Вообщем где-то так. Сегодняшняя статья будет не сильно большой, но кто-то явно найдет ее полезной. Дело в том, что недавно один мой читатель спросил у меня: «Сергей как можно скрыть счетчик?. Но при этом, что бы он продолжал работать» Этой статьей я отвечу на его вопрос. И если вам тоже интересен данный вопрос, милости прошу Поможет нам в решении данной задачи как всегда CSS. А именно его параметр visibility Visibility – отвечает за видимость элемента.
Параметры visibility
- Visible — Значение по умолчанию ко всем элементам. Означает видимый; Hidden – Скрывает элемент; Collapse – Работает только для содержимого ячеек таблиц, они полностью пропадают; Inherit — наследует значение родителя;
Visibility примеры и результаты
Для того, что бы показать пример. Создадим три тега div. Пусть это будут квадраты 100 на 100 пикселей. Верхний синий, потом зеленый и в конце красный. Html
| 1 2 3 | =”kvblue”>> =”kvgreen”>> =”kvred”>> |
CSS стили
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | .kvblue{ background:blue; height:100px; width:100px; } .kvgreen{ background:green; height:100px; width:100px; } .kvred{ background:red; height:100px; width:100px; } |
Результат:
Теперь сделаем невидимым зеленый квадрат
Html
| 1 2 3 | =”kvblue”>> =”kvgreen”>> =”kvred”>> |
CSS стили
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | .kvblue{ background:blue; height:100px; width:100px; } .kvgreen{ background:green; height:100px; width:100px; visibility:hidden; } .kvred{ background:red; height:100px; width:100px; } |
Результат: Как видите, зеленый квадрат исчез. Но правильнее сказать стал на 100 процентов прозрачным. Он до сих пор на месте, так как красный квадрат не изменил своего местоположения. А должен был бы занять место зеленного. !!!visibility: hidden – Ничего не меняет в объекте кроме прозрачности. И это надо учитывать.
С помощью visibility не получится вырезать элемент с дизайна. Для этого существует другой инструмент из стана CSS. На это все удачи!!! С уважением Тригуба Сергей Интересное — Новый ЖД Транспорт в Москве blah Спасибо Вам, что добавили эту статью в: Добавить в Twitter Добавить в Вконтакт Добавить в Facebook Добавить в Google buzz Добавить в Мой мир Опубликовать в своем блоге livejournal. com Приглашаю присоединиться ко мне в следующих сервисах: Присоединится ко мне в twitter Присоединится ко мне в Вконктакте Присоединится ко мне в Facebook Присоединится ко мне в Google buzz Присоединится ко мне в friendfeed Мои групы: Группа webmasterprof. ru в Facebook Группа webmasterprof. ru в Вконтакте Будь в курсе! Подпишись на обновления блога через: RSS RSS Email Email