У меня есть фоновое изображение, созданное с помощью CSS.
html {
background-image: url('../img/cello.jpg');
background-attachment: fixed;
background-size: 100%;
}
Я планирую иметь другое фоновое изображение для разных страниц веб-сайта: поэтому важно, чтобы текст был разборчивым над ним. Прямо сейчас у меня есть полупрозрачный черный фон для моего #main контента в середине, как это, чтобы обеспечить удобочитаемость:
#main {
background: rgba(0, 0, 0, 0.5);
}
Однако я действительно хочу, чтобы этот полупрозрачный фон был весь фоновый рисунок, потому что черный ящик выглядит немного неуклюжим. Я пробовал сделать <div id=#tint>
, который включает весь HTML-документ и дающий rgba (0, 0, 0, 0.5) в #tint, но это не работает вообще - я не могу ничего изменить или я может получить весь фон, чтобы он стал простым серым, без какого-либо фонового изображения. Это просто невозможно?