Я использую непрозрачность, и кажется, что она показывает разные оттенки на страницах, на которых я использую.Непрозрачность показывает разные оттенки на разных страницах
Если вы посмотрите здесь на PS4 изображение: http://chrisbrighton.co.uk
..., а затем здесь же образ ... http://chrisbrighton.co.uk/Gaming.php
Вы увидите, что есть разные оттенки, но они все они используют одни и те же правила CSS.
Любые идеи, почему это происходит?
Спасибо.
Ваш #news-container на Gaming.php имеет background: #9bd7f5;. Поскольку вы используете rgba() для получения прозрачности, все, что находится под или над элементами, также зависит от этого.
Вместо этого используйте opacity: 0.7; в пользу rgba(). Свойство opacity не влияет на другие элементы.
Не уверен, почему это происходит. Кажется, что это связано с использованием rgba наряду с непрозрачностью. Если бы я был вами, я бы удалил фон из этого класса. Мало того, что он решает вашу проблему, но он выглядит намного лучше с точки зрения дизайна.
.hot-page-title {
height: 300px;
background: rgba(255,102,000,.7);
-webkit-transition: .7s ease-in-out;
;
Надеюсь, это поможет.
Это в любом виде дает ответ на вопрос? Предложение не использовать что-то в порядке, но это не ответ. Также ваше правило CSS закрыто с помощью ';' вместо '}'. – kleinfreund
Вы должны удалить оранжевую прозрачность? Это оранжевый, потому что их страницы самые горячие, поэтому я подумал, что добавлю оранжевый оттенок. Удаление фона устраняет оранжевую прозрачность, я хотел бы сохранить это, если это возможно. Благодарю. – Chris
@ Крис Да, я бы убрал оранжевую прозрачность. Это заставляет контент выглядеть так, как будто он отключен/не может быть выбран. Я думаю, что удаление этого фона значительно улучшит удобство использования вашего сайта. Идея о том, что они оранжевые, потому что они самые горячие, теряется на пользователе. Иерархия элементов на самой странице должна быть достаточно хорошим индикатором, не требуя оранжевого цвета. – fillyc
Да, я проверял весь код в течение длительного времени, и свойство фона идентификатора контейнера # news-container повлияло на ваш код. Поэтому, пожалуйста, удалите или настройте, как вам нравится. Надеюсь, ответ!
Да, спасибо за это. Я понятия не имею, почему, когда вы наводите курсор на # news-container, он начинается с вершины, где самые горячие страницы, он должен начинаться там, где говорится «Последние игровые новости/Слухи прямо сейчас ...». Благодарю. – Chris