Изображения выглядят слишком темными - PullRequest
Новая
       9

Изображения выглядят слишком темными

0 голосов
/ 27 апреля 2019

Изображения заголовков на этом сайте, который я создаю, выглядят слишком темными - я не вижу, чтобы какая-либо прозрачность применялась - http://www.stayinblackpool.co.uk/ - есть идеи, что может быть причиной этого?

Пытался сделать непрозрачность 1,0

1 Ответ

0 голосов
/ 27 апреля 2019

Непрозрачность применяется - в виде фонового альфа-ключа.Вот ваша разметка: 

<div class="featured-image">    
    <img src="http://www.stayinblackpool.co.uk/wp-content/uploads/2019/02/header3.jpg">
    <div class="overlay">
        <div class="grid-mid">
            <h1 class="page-title">Serviced Holiday Apartments in North Shore, Blackpool</h1>
        </div>
    </div>
</div>

и вот соответствующий CSS: 

.overlay {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

Если вы заметили, что фон имеет rgba, 0,5 вызывает непрозрачность 50%.Я бы полностью удалил атрибут фона.

...