#html #css
#HTML #css
Вопрос:
Как следует из вопроса, я пытаюсь разместить один слой над другим, для ясного объяснения см. this fiddle . Я пытаюсь разместить <div class="booking"> behind <div class="inputtexts"> , но, к сожалению, в итоге делаю обратное, что приводит к влиянию на яркость слоя <div class="inputtexts"> . Я имею в виду, что если бы вы могли удалить <div class="booking"> в скрипке, вы могли бы видеть весь текст по <div class="inputtexts"> очереди ярким.
это означает <div class="booking"> , что он размещен выше <div class="inputtexts"> , но я хотел разместить <div class="inputtexts"> выше <div class="booking"> , чтобы текст <div class="inputtexts"> был.
Комментарии:
1. @Santi Я хочу, чтобы темный слой был на заднем плане, а текстовый слой спереди
Ответ №1:
Это потому, что непрозрачность 0,4 .booking также применяется ко всем его дочерним элементам. Если вы просто удалите непрозрачность, она будет работать так, как вы хотите.
В случае, если вам также нужен прозрачный фон, вы можете использовать background свойство в CSS, rgba(0, 0, 0, 0.4) где первые три параметра являются значениями RGB, а последнее — альфа-значением, 0 является прозрачным.
Комментарии:
1. большое спасибо, код сработал, я не обратил должного внимания на непрозрачность. но все же не могли бы вы объяснить, почему и что такое rgba(0, 0, 0, 0.4)?? пожалуйста??
2. Конечно. Первые три параметра rgba — это значения красного, зеленого и синего цветов в диапазоне от 0 до 255. Например, 255, 0, 0 даст вам красный цвет, а 0, 0, 0 даст вам черный. Аналогично, 255, 255, 255 будут белыми. Последнее значение — это непрозрачность этого цвета. если оно равно 0, это означает, что оно полностью непрозрачно, а если равно 1, это означает, что оно полностью прозрачно. Попробуйте сами для любого значения между ними, т.Е. 0.4