div中的图像没有其属性

Question

我想将图像放在具有暗淡背景颜色的div中，这也影响了我的图片。如何将我的图像放在同一个div中，但在顶部有一层，这样它就不会受到调光颜色的影响。

AuthorizeAttributeAclModule

Answer 1

<div class="testimonial>
   <div class="test">
      <img "This is the image i want to be a layer on top">
   </div>
</div>

CSS

.test{
background-color:none;
}

Answer 2

此设置：

background-color: rgba(0, 7, 11, .87);

包含不透明度参数（0.87）。此不透明度（部分透明）会影响该DIV的内容（例如文本），但不应影响<img>标记内的图像

但是，如果您将该值.87更改为1.0，那么整体展示肯定会有所不同。

示例：http://codepen.io/anon/pen/PZZOLO 如果更改背景颜色的不透明度，（浅蓝色）图像不会发生变化。

Answer 3

背景颜色应该对图像完全没有影响。您是否在<div class="testimonial>之后的示例代码中看到了缺少的“（双引号）？”这是您的错误....

查看我的Fiddle，它的低（.3）rgba alpha值不会影响图像。

BTW：CSS规则中的最后一个属性不需要一个; （分号）。实际上，我一直在我的代码中删除它们。