图像太暗

Question

Header 我正在构建的这个网站上的图像显得太暗 - 我看不到正在应用任何不透明度 - 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% 的不透明度。我会完全删除背景属性。

图像太暗

Images appearing too dark

css

wordpress

opacity