Я установил определенный цвет фона для тела. Затем я хочу использовать другой div с тем же цветом фона, но с непрозрачностью: .95 как маску для анимации контента в нижней части страницы. Это приводит к тому, что маскирующий div выглядит немного другим цветом. Есть ли способ обойти это?CSS: непрозрачность вызывает незначительное изменение цвета фона
Посмотрите скриншот here и пример CSS ниже. Я нахожусь на Chrome 20 на Lion.
body
{
background: #3f3c45;
}
#bottommask
{
background: #3f3c45;
opacity: .95;
}
UPDATE: Пожалуйста, проверьте this fiddle демонстрирует этот вопрос
ОБНОВЛЕНО РЕШЕНИЕ: Кажется, что по крайней мере, в Chrome, используя -webkit-отсев-видимость: скрытый; на маске div решает проблему.
То, что должно произойти с непрозрачностью. Вы понимаете, как работает непрозрачность? –
ummm, что вы ожидали от этого? Более светлый оттенок этого цвета ... «слегка» разного цвета –
Я бы подумал, что если я изменю только непрозрачность и окажусь таким же цветом, что разница не будет отображаться. Я очень хорошо знаю, как работает прозрачность, и то, что я ожидал, - это именно то, что делает Photoshop, но я думаю, что это не то, как браузеры обрабатывают его. Есть ли другой способ достижения этого эффекта, если не с непрозрачностью? – verde