Как затемнить фон в css
Темный режим в последнее время приобрел большую популярность. Так, например, компания Apple добавила темный режим в свои операционные системы iOS и macOS. Windows и Google сделали то же самое.
Давайте же взглянем на темный режим в контексте веб-сайтов. Мы рассмотрим различные подходы к реализации дизайна темного режима и технические соображения, которые они влекут за собой. Также, в процессе нашего обсуждения, будут описаны некоторые приемы, которые могут оказаться полезными и в вашей практике.
Переключение между темами
Согласно типичному сценарию на сайте уже есть светлая тема, и вы хотите создать ее более темный аналог. Или, если вы начинаете с нуля, у вас будут две темы: светлая и темная. Одна тема должна быть определена как тема по умолчанию, которую пользователи получают при первом посещении. В большинстве случаев это светлая тема (хотя, как мы увидим в дальнейшем, можно позволить браузеру пользователя сделать этот выбор за нас). Также должен быть способ переключиться на другую тему (что может делаться автоматически) — например, пользователь нажимает кнопку, и цветовая тема меняется.
Для этого существует несколько подходов.
Использование специального класса в теге body
Данный прием заключается в том, что в теге body динамически меняется класс, который используется как зацепка для изменения стилей на странице.
Пример кода JavaScript, который будет менять класс при нажатии на специальную кнопку:
Вот как можно использовать эту идею:
Общая идея данного подхода состоит в том, что мы оформляем стили как обычно (это будет режим по умолчанию), а затем создаем набор цветовых стилей, опираясь на класс в теге body , которые будут использоваться в качестве темного режима.
Допустим, по умолчанию мы используем светлую цветовую гамму. Все эти светлые стили написаны точно так же, как вы обычно пишете CSS. Учитывая наш HTML код, давайте применим некоторый глобальный стиль к тегу body и ссылкам.
У нас есть темный текст (#222) и темные ссылки (#0033cc) на светлом фоне (#fff). Наша тема «по умолчанию» успешно стартовала.
Теперь давайте переопределим значения этих свойств, опираясь на другой класс элемента body :
Стили темной темы будут производными от одного и того же родительского класса — в нашем примере это класс .dark-theme, который мы установили для элемента body .
Как же будут «переключаться» классы в элементе body , чтобы задействовать темные стили? Для этого мы будем использовать JavaScript! Мы по классу выберем кнопку переключения стилей (.btn-toggle), прикрепим к ней перехватчик событий, который будет перехватывать нажатия на нее, и по этому событию будем добавлять класс темной темы (.dark-theme) в список классов элемента body . Благодаря спецификации каскадной таблицы стилей, это будет переопределять все светлые цвета, которые мы задали по умолчанию.
Вот работающий пример. Нажмите на кнопку, чтобы включить/выключить темный режим:
Использование отдельных таблиц стилей
Вместо того, чтобы объединять все стили в одном файле, мы можем переключаться между таблицами стилей для каждой темы. Для этого нужно, чтобы у нас были полностью готовые таблицы стилей.
Например, стили светлой темы по умолчанию в файле light-theme.css:
Затем мы создаем отдельные стили для темной темы и сохраняем их в отдельном файле dark-theme.css:
В результате мы получаем две отдельные таблицы стилей — по одной для каждой темы — которые мы можем подключать в HTML разделе . Cначала мы подключим стили светлой темы, так как мы используем их по умолчанию.
Мы используем идентификатор #theme-link, который выбираем при помощи JavaScript, чтобы переключаться между светлым и темным режимами. Только на этот раз мы переключаем файлы таблиц стилей вместо классов.
Использование пользовательских свойств
Мы также можем использовать возможности пользовательских свойств CSS для создания темной темы! Это позволит избежать необходимости писать отдельные наборы правил стилей для каждой темы, что значительно ускорит само написание стилей и значительно облегчает внесение изменений в тему, если это будет необходимо.
Здесь мы также будем использовать способ с заменой класса в теге body и использовать этот класс для перенастройки пользовательских свойств:
Сначала давайте определим значения по умолчанию для светлой темы как пользовательские свойства элемента body :
Теперь мы можем переопределить эти значения в классе .dark-theme так же, как мы делали это в первом методе:
Вот наши стили с использованием пользовательских свойств:
Кстати, с таким же успехом мы могли бы определить наши пользовательские свойства внутри псевдосвойства :root , которое указывает на корень документа. Это абсолютно законная и даже обычная практика. В этом случае все стили по умолчанию определяются внутри :root , а все стили темной темы определяются внутри :root.dark-mode .
Использование серверных скриптов
Если есть возможность работать с серверным языком, скажем PHP, то для наших целей можно использовать его вместо JavaScript. Этот вариант отлично подходит, если вы предпочитаете работать непосредственно в разметке.
Мы можем использовать запрос GET или POST, получаемый от пользователя. После этого, код (в данном случае на PHP) при перезагрузке страницы применяет соответствующий класс в элементе body . В нашем примере мы используем запрос GET (параметры URL).
И конечно же мы можем переключать таблицы стилей.
У данного метода есть очевидный недостаток: чтобы переключение вступило в силу необходимо обновить страницу. Но, как мы увидим позже, подобное серверное решение полезно для сохранения выбора пользователя.
Какой метод выбрать?
Выбор «правильного» метода зависит от требований вашего проекта. Например, если вы работаете над крупным проектом, то вы можете использовать метод со свойствами CSS, чтобы было легче иметь дело с большими объемами кода. С другой стороны, если вашему проекту необходимо реализовать поддержку устаревших браузеров, то, возможно, вам придется обратить внимание на другой подход.
Более того, ничто не заставляет нас использовать только один метод. Иногда комбинация нескольких методов может оказаться более эффективным подходом. Также, возможны и другие методы, о которых мы здесь не сказали.
Темный режим на уровне операционной системы
До сих пор мы использовали кнопку для переключения между светлым и темным режимами, но мы можем просто позволить операционной системе пользователя сделать это за нас. Например, многие операционные системы позволяют пользователям выбирать между светлыми и темными темами непосредственно в системных настройках.
Чистый CSS
В CSS есть медиа-запрос prefers-color-scheme , который можно использовать для определения предпочтений системной цветовой схемы пользователя. У него может быть три возможных значения: без предпочтений, светлый (light) и темный (dark).
Чтобы все заработало, нам нужно поместить стили темной темы внутри медиа-запроса:
Теперь, если пользователь включит темный режим в системных настройках, он получит стили темной темы по умолчанию. Нам не нужно прибегать к JavaScript или серверным сценариям, чтобы решить, какой режим использовать. Нам даже кнопка больше не нужна!
JavaScript
Кроме этого, мы также можем использовать JavaScript, чтобы определить предпочтительную цветовую схему пользователя. Это очень похоже на предыдущий метод, только теперь будет использоваться функция matchedMedia() .
Но у метода с JavaScript есть существенный недостаток: скорее всего, на экране мельком мигнет светлая тема сайта, поскольку JavaScript выполняется после CSS — так называемый «эффект мигания неправильной темы». Это может быть неправильно истолковано как баг.
И, конечно, вместо этого мы можем поменять местами таблицы стилей, как мы делали во втором методе. На этот раз мы связываем обе таблицы стилей и используем медиа-запрос, чтобы определить, какая из них применяется.
Переопределение параметров операционной системы
Мы только что рассмотрели, как учитывать общесистемные предпочтения пользователя по цветовой схеме. Но что, если пользователь захочет переопределить системные предпочтения только для сайта? Ведь то, что пользователь предпочитает темный режим для своей ОС, не всегда означает, что он предпочитает его на веб-сайте. Таким образом предоставление способа вручную переопределить цветовой режим, несмотря на системные настройки, является хорошей идеей.
Чтобы показать, как это сделать, воспользуемся подходом с пользовательскими свойствами CSS. Идея состоит в том, чтобы определить пользовательские свойства для обеих тем, как мы делали это раньше, затем мы поместим темные стили внутри медиа-запроса prefers-color-scheme , и там же определим класс .light-theme, который будет использоваться для переопределения свойств темного режима, если пользователь захочет переключиться между двумя режимами.
Теперь вернемся к нашей проверенной кнопке переключения между светлой и темной темами. В этот раз мы следуем за цветовые предпочтениями операционной системы и предоставляем пользователю вручную переключать темы.
Поддержка браузеров
Медиа-запрос prefers-color-scheme в настоящее время поддерживается всеми основными браузерами, включая Chrome 76+, Firefox 67+, Chrome Android 76+, Safari 12.5+ (13+ на iOS) и интернет-браузером Samsung. Но не поддерживается IE.
Это охватывает 80,85% пользователей.
Операционные системы, которые в настоящее время поддерживают темный режим, включают macOS (Mojave или более поздние версии), iOS (13.0+), Windows (10+) и Android (10+).
Сохранение предпочтений пользователя
То, что мы рассматривали до сих пор, определенно делает свое дело – меняет цветовую схему в зависимости от настроек ОС или по нажатию кнопки. Это здорово, но выбор пользователя не сохраняется, когда он посещает другую страницу сайта, либо перезагружает текущую страницу.
Нам нужно каким-то образом зафиксировать этот выбор, чтобы он последовательно применялся на всем сайте и при последующих посещениях. Для этого мы можем во время переключения темы сохранять выбор пользователя в поле localStorage. Файлы cookie также отлично для этого подходят.
Давайте рассмотрим оба подхода.
Использование локального хранилища localStorage
Для сохранения информации о выбранном пользователем режиме в локальном хранилище localStorage воспользуемся небольшим скриптом JavaScript. Сохранение будет происходить при переключении темы. При этом, когда страница перезагружается, скрипт будет выбирать нужный вариант из localStorage и применять его. Однако стоит сказать, что JavaScript часто выполняется после CSS, поэтому обратной стороной такого подхода может стать так называемый «эффект мигания неправильной темы», о котором мы рассказывали ранее.
Использование cookies на PHP
Чтобы избежать «моргания неправильной темы», мы можем использовать серверный скрипт, такой как PHP. Вместо того, чтобы сохранять предпочтения пользователя в хранилище localStorage, мы создадим файл cookie в скрипте на JavaScript и сохраним его у пользователя. Но опять же, реализовать этот подход можно только в том случае, если у вас есть возможность работать с серверным языком.
А так можно сделать, используя разные таблицы стилей:
Если на вашем сайте есть учетные записи пользователей – вроде места для входа в систему и управления профилями, — то это также отличное место для сохранения настроек темы. Отправьте эти настройки в базу данных, где хранятся данные учетной записи пользователя. Затем, когда пользователь войдет в систему, извлеките настройки темы из базы данных и примените их с помощью PHP (или любого другого серверного сценария).
Для этого существуют различные способы. В нашем примере мы извлекаем настройки темы пользователя из базы данных и сохраняем их в переменной сессии во время входа в систему.
Здесь мы используем оператор объединения с null (??), чтобы определить, где брать настройки темы — из переменной сессии или из файла cookie. Если пользователь вошел в систему, то берется значение из переменной сессии вместо значения из файла cookie. Если же пользователь не вошел в систему или вышел из системы, то берется значение из файла cookie.
Сведем все вместе!
Давайте объединим все воедино и создадим рабочую демонстрацию, которая:
- автоматически загружает темную или светлую тему в зависимости от настроек системы,
- позволяет пользователю вручную переопределять системные настройки,
- сохраняет настройки пользователя при перезагрузки системы.
Использование JavaScript и локального хранилища
Использование PHP и cookies
То же самое мы можем сделать и через разметку. Для этого можно использовать элемент picture , который будет загружать разные версии изображения:
Недостатком последнего метода является то, что нам требуется предоставить два файла изображения, в то время как в случае с CSS нам приходится иметь дело только с одним файлом. При этом в последнем методе полностью не учитывается, что пользователь может переключать цветовую тему на сайте.
Тени в темном режиме
Реализация теней в темном режиме — довольно сложная задача. Если мы просто инвертируем темную тень, используя светлые цвета, то получим несуразную светлую тень на темном фоне… и это выглядит не очень эстетично.
В темном режиме возможно использовать темную тень, но цвет фона при этом должен быть достаточно «светлым» (например, темно-серым), чтобы обеспечивался достаточный контраст, и тень была действительно заметна.
Можно использовать прозрачность для передачи глубины, при этом области с высокой прозрачностью имеют меньшую глубину. Это означает, что элементы, которые имеют более высокую высоту, должны иметь меньшую прозрачность, чем элементы, которые «ближе» по глубине к фону.
Разные оттенки цвета создают разное восприятие «глубины»
Типографика в темном режиме
Проблема здесь та же, что и в случае с изображениями: мы должны сбалансировать контраст. Будете использовать слишком жирный шрифт, и получите «громкий» текст, при виде которого хотется отойти от экрана. Будете использовать слишком светлый шрифт, и будем напрягать глаза, придвигаясь к экрану, чтобы рассмотреть его поближе.
Баланс находится где-то посередине.
Иконки в темном режиме
Иконки также попадают в эту «сложную» категорию, так как по сути это нечто среднее между текстом и изображениями. Однако, если мы имеем дело с иконками в формате SVG, то мы можем изменить заливку с помощью CSS. С другой стороны, если мы используем иконки из шрифтовых наборов, то вместо этого мы можем просто изменить свойство color .
Многие дизайнерские соображения, которые справедливы для текста, также в целом применимы к иконкам. Например, следует избегать использования глубоких белых цветов и тяжелых контуров.
Цвета темного режима
Чистый белый текст на чистом черном фоне будет выглядеть неприятно. Хитрость здесь в том, чтобы использовать не совсем белый цвет для текста и не совсем черный для фона. Так, например, для фона часто рекомендуется использовать цвет с кодом #121212.
Цветовые палитры темного режима
Мы уже знаем о разнице в использовании не совсем белых и не совсем черных цветов для текста и изображений. Давайте немного остановимся, чтобы разработать полную цветовую палитру.
Большинство вещей сводится к одному — контраст. Отсюда первый совет: прежде чем остановить свой выбор на каком-либо цвете, пропустите его через средства проверки контрастности, чтобы убедиться, что соотношение цветов соответствует рекомендациям WCAG по крайней мере для оценки AA, которая составляет коэффициент контрастности 4,5:1.
Это означает, что, когда мы имеем дело с темным дизайном, ненасыщенные цвета – это наши друзья. Они помогают предотвратить чрезмерно яркие изображения и при этом дают нам достаточно места для создания эффективного коэффициента контрастности.
Далее, следует помнить, что акцентные цвета предназначены для улучшения. Они, скорее всего, будут ярче, чем фоновый цвет темной темы, поэтому использовать их в качестве основного цвета или цвета фона большого контейнера так же неприятно для глаз, как и яркое изображение или насыщенный белый текст.
В темном режиме мы пытаемся достичь баланса контрастов, но при этом стоит помнить, что темный режим — это нечто большее, чем просто черные и серые цвета. Как насчет темно-синего фона с бледно-желтым текстом? Или темно-коричневого и его оттенков? Существует целый спектр темных цветов, и мы можем использовать любую его часть в нашем дизайне.
Вот несколько примеров темных цветов, которые способны справиться с задачей создания темного режима и без черного цвета:
Руководство по темному режиму на сайте Material Design содержит массу полезной информации о лучших методах проектирования темного режима. Определенно стоит ознакомиться с данным ресурсом, чтобы узнать больше о дизайне темного режима. Правда сайт на английском языке.
Темный режим в интернете
YouTube использует метод с переменными CSS. Они определяют все свои цвета в переменных в селекторе html , в то время как цвета темного режима определены в разделе html:not(.style-scope)[dark] . Когда включен темный режим, YouTube добавляет атрибут dark=»true» к тегу html . Это как раз то, что они используют для переопределения переменных, заданных в HTML.
YouTube добавляет атрибут dark=true к тегу html, когда переключается в темный режим
В интернете подход с пользовательскими свойствами CSS, по-видимому, наиболее популярен. Он используется Dropbox Paper, Slack и Facebook.
Simplenote использует метод с заменой классов, при котором все светлые стили являются потомками класса .theme-light, а все темные стили относятся к классу .theme-dark. Когда тема переключается, к тегу body применяется соответствующий класс.
Simplenote использует два класса: .light-theme и .dark-theme
Twitter идет немного дальше и предлагает на выбор несколько тем: «По умолчанию», «Dim» и «Lights out». Тема «Dim» использует темно-синий цвет в качестве фона. При этом в теме «Lights out» используется абсолютно черный цвет.
Twitter предлагает три темы на выбор
С темным режимом или без темного режима? Что выбрать?
Существует множество веских доводов в пользу обоих вариантов. Некоторые из этих доводов даже выходят за рамки пользовательского опыта и затрагивают такие вещи, как сроки, бюджет и затрачиваемые ресурсы.
Со всем уважением к доводам против, приведем несколько причин, почему стоит добавить на сайт темный режим:
- Это круто и модно (хотя это не причина сама по себе, чтобы добавлять темный режим на сайт).
- Это повышает доступность, поддерживая пользователей, страдающих от нагрузки на глаза в слишком ярких темах.
- Это позволяет пользователям выбирать наиболее удобный способ потребления контента, предоставляя нам возможность сохранять контроль над внешним видом и восприятием наших материалов.
- Это помогает увеличить время автономной работы для устройств с OLED-экраном, где более яркие цвета потребляют больше энергии.
Темный режим чрезвычайно популярен и, похоже, эта популярность никуда не денется. Вполне возможно, что ваши пользователи, предпочитающие темный режим, будут ожидать, что он также будет и на вашем сайте. И стоит быть к этому готовым.
Как затемнить фон с помощью CSS?
У меня есть элемент с текстом в нем. Всякий раз, когда я уменьшаю непрозрачность, я уменьшаю непрозрачность тела WHOLE. Есть ли способ, которым я могу просто сделать background-image темнее, а не все остальное?
Просто добавьте этот код к вашему изображению CSS
ОБНОВЛЕНИЕ: не все браузеры поддерживают RGBa, поэтому у вас должен быть «запасной цвет». Этот цвет, скорее всего, будет сплошным (полностью непрозрачным), например: background:rgb(96, 96, 96) . Обратитесь к этому блогу за поддержкой браузера RGBa.
Использовать: после psuedo-element:
Проверьте мою ручку >
Установка background-blend-mode для darken будет самым прямым и кратчайшим способом достижения цели, однако сначала вы должны установить background-color чтобы режим смешивания работал.
Это также лучший способ, если вам нужно позже манипулировать значениями в javascript.
Вы можете использовать контейнер для своего фона, помещенный как абсолютный и отрицательный z-index:
http://jsfiddle.net/2YW7g/
Чтобы добавить к уже существующим, используйте следующее:
. для кросс-браузерной поддержки 70% линейного градиентного наложения. Чтобы скрасить изображение, вы можете изменить все эти 0,0,0 на 255,255,255 . Если 70% немного, перейдите и измените .7 . И, для дальнейшего использования, ознакомьтесь с этим: http://www.colorzilla.com/gradient-editor/
Возможно, это возможно с помощью box-shadow
однако я не могу заставить его фактически применить к изображению. Только на сплошных фоновых рисунках
Для меня подход фильтр/градиент не сработал (возможно, из-за существующего CSS), поэтому я использовал трюк с псевдо-стилем :before :
Кроссбраузерное полупрозрачное затемнение фона
Сделать полупрозрачный кроссбраузерный фон. Проблем такое сделать нет, если бы не IE6, который не понимает position: fixed. Для решения этой проблемы используем CSS код:
P.S. в примере в качестве фона используется . Для нормальной работы с IE6, нужно использовать iframe, чтобы получилось перекрыть select. Используя библиотеку jQuery можно воспользоваться следующим условием:
-
6-8 2-3 9.5 3.1
update 9.07.2010 by F0rmateg чтоб не использовать iframe для IE6 можно скрывать (display: none) все select при показе фона.
Как затемнить фон с помощью CSS?
У меня есть элемент с текстом. Всякий раз, когда я уменьшаю непрозрачность, я уменьшаю непрозрачность тела WHOLE. Есть ли какой-нибудь способ сделать background-image темнее, а не все остальное?
8 ответов
пытаясь затемнить фоновый вид при работе с пользовательским контроллером модального вида я устанавливаю цвет фона на серый цвет с непрозрачностью 0.5: — (void)rulesTapped:(id)sender
Установка background-blend-mode на darken была бы самым прямым и кратчайшим способом достижения этой цели, однако сначала вы должны установить background-color , чтобы режим наложения работал.
Это также лучший способ, если вам нужно позже манипулировать значениями в javascript.
Возможно, это можно сделать с box-shadow
однако я не могу заставить его действительно применяться к изображению. Только на однотонном фоне
У меня есть небольшая кодовая панель, где вы можете выбрать свой любимый цвет для personalize сайта. Он меняет цвет фона и цвет заголовка (возможно, позже), но atm меняет фон на тот же цвет, что и заголовок, поэтому заголовок невидим. У меня есть немного javascript, чтобы осветлить / затемнить.
Как я могу затемнить фоновое видео в одной строке? У меня есть 2 входных потока frame%d.png (серия изображений frame1.png, frame2.png. ) bg.mp4 В настоящее время я могу накладывать и масштабировать с помощью следующей команды, -i ,frame%d.png, -i, bg.mp4,-r.
если вы хотите сделать цвет фона ярче или темнее, вы можете использовать этот код css
Вы можете использовать контейнер для фона, размещенный как абсолютный, так и отрицательный z-индекс : http://jsfiddle.net/2YW7g/
Просто чтобы добавить к тому, что уже здесь, используйте следующее:
. для кроссбраузерной поддержки наложения линейного градиента 70%. Чтобы сделать изображение ярче, вы можете изменить все эти 0,0,0 ‘на 255,255,255 ‘. Если 70%-это немного много, продолжайте и измените .7 . И, для дальнейшего использования, проверьте это: http://www.colorzilla.com/градиент-редактор/
Для меня подход фильтра/градиента не сработал (возможно, из-за существующего CSS), поэтому вместо этого я использовал трюк с псевдо-стилем :before :
Похожие вопросы:
Я хочу затемнить фон вокруг выпадающего списка spinner, но не могу найти никакого способа сделать это. Исследования выявили возможность размещения полноразмерного фреймлайаута между активностью и.
В одном из моих проектов я использовал PopupWindow . Моя проблема в том, что при просмотре popupwindow дизайн кажется неудобным для работы. Поэтому я хочу затемнить или размыть свой фон активности.
пытаясь затемнить фоновый вид при работе с пользовательским контроллером модального вида я устанавливаю цвет фона на серый цвет с непрозрачностью 0.5: — (void)rulesTapped:(id)sender
Как сделать затемнение фона через CSS
Очень часто я стал видеть на сайтах затемнение фона. Особенно часто это делается в галереях, где по клику на изображение, оно увеличивается, а вся остальная часть затемняется. Безусловно, практически везде стоит специальный плагин JQuery, но в этой статье я расскажу, как сделать затемнение фона через CSS, не прибегая к JQuery.
Давайте напишу HTML-код:
Здесь я добавил одну таблицу, в качестве тестового контента, который будет затемнён. А также блок TB_overlay, который и является ключевым, то есть он будет затемнять. Привожу CSS-код:
#TB_overlay background-color: #000; /* Чёрный фон */
height: 100%; /* Высота максимальна */
left: 0; /* Нулевой отступ слева */
opacity: 0.50; /* Степень прозрачности */
position: fixed; /* Фиксированное положение */
top: 0; /* Нулевой отступ сверху */
width: 100%; /* Ширина максимальна */
z-index: 100; /* Заведомо быть НАД другими элементами */
>
Здесь я постарался прокомментировать, но обратите внимание на свойство opacity. Чем выше значение, тем более сильное затемнение. Максимальное значение 1. Фактически, данный способ затемнения фона через CSS очень прост: идёт наложение на весь контент чёрного блока с определённой прозрачностью.
На мой взгляд, данный способ затемнения очень простой и понятный, поэтому он и применяется чаще всего.
Создано 08.02.2012 16:17:12
Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!
Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.
Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
- Кнопка:
Она выглядит вот так: - Текстовая ссылка:
Она выглядит вот так: Как создать свой сайт - BB-код ссылки для форумов (например, можете поставить её в подписи):
Комментарии ( 8 ):
gala_78 13.05.2013 21:02:41
Добрый вечер, Михаил. Я скопировала код, но появилась только таблица, без всякого затемнения. Почему?
Admin 13.05.2013 21:57:15
Попробуйте в других браузерах, если не получится, значит, как-то не так подключили стили.
zomer 23.05.2013 15:53:40
Михаил, добрый день. Я новичок, и учусь писать ХТМЛ странички. Есть такой вот код, наверное он даже вашего производства:
| X |
Здесь на месте этого текста ставьте свой текст или html код.
