图像显得太暗

Question

我正在建立的该网站上的标题图像显得太暗-我看不到有任何不透明性正在应用-http://www.stayinblackpool.co.uk/-有什么想法会导致这种情况？

试图使不透明度为1.0

Answer 1

不透明度正在应用-以背景字母键的形式。这是您的标记：

<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％的不透明度。我将完全删除background属性。