Как да направим фона засенчване чрез CSS

Вие сте тук: Начало - CSS - CSS Основи - Как да затъмни фона чрез CSS

Много често започнах да видите сайтовете, потъмняване на заден план. Много често това е направено в галериите, където, като кликнете върху изображението, то се е увеличил, а останалата част от закрит. Разбира се, почти навсякъде има специална приставка JQuery. но в тази статия ще обсъдим как да се направи по-тъмно фона чрез CSS. без да се прибягва до JQuery.

Нека да пишат HTML код:

Тук съм добавил една маса, тъй като съдържанието на тест, за да бъде закрит. Също TB_overlay единица. което е от ключово значение, което означава, че ще потъмнее. Тук е CSS-код:

#TB_overlay фон-цвят: # 000; / * * Черен фон /
височина: 100%; / * Максимално * Височина /
лява: 0; / * Нула вата наляво * /
непрозрачност: 0.50; / * Прозрачност * /
позиции: фиксиран; / * Фиксирана позиция * /
Горе: 0; / * Нула пространство отгоре * /
ширина: 100%; / * Максимална ширина * /
Z-индекс: 100; / * Умишлено бъде над друг елемент * /
>

По мое мнение, този метод на затъмняване много прост и интуитивен, така че той се използва по-често.

Препоръчайте тази статия на приятел:

Ако сте харесали сайта, линк към него (на вашия сайт, форум, при контакт)

Тя изглежда така:

BB-код справка за индекса (например, можете да го поставите в подписа):

Добър вечер, Майкъл. Копирах кода, но имаше само една маса, без спиране на тока. Защо?

Опитайте с други браузъри, ако това не стане, тогава, като нещо, което не е толкова крив стилове.

Майкъл, добър ден. Аз съм начинаещ и учене да пишат HTML страници. Има такова код, той е може би дори си производство: пояснения

обяснения

Тук, на мястото на текста сложи свой собствен текст или HTML код.

Моля, кажете ми как да се интегрират засенчване тук, така че при отваряне на модален прозорец неясен всичко с изключение на прозореца. Опитах един куп опции с кода си, но се оказва, само спиране на тока, на самия прозорец е в процес на затъмняване

Това лошо код, и то определено не е моят производство. Как да се интегрират в прозореца на боклук модален - не знам. По-добре е да се напише отново. Ако не знаете как да се напише, че след това се научите HTML. Копиране от някъде странно и дори крива код - безполезна идея.

непрозрачност не се поддържа в по-стари brauzerah..tak?

Точно така, аз осъзнах, че един от елементите не може да се скрие сред всички останали, е необходимо да го вмъкнете между маркерите

. Например, сложих снимка и направи непрозрачност: 0.77; и всичко изглежда, че работи! От останалите елементи също са прави или има някакви изключения?

Свързани статии