Question

我想使用背景颜色以及透明（或不透明）背景图像。这可能吗？

我尝试过使用div命令，但可能做错了。我能看到的唯一不透明度命令是在CSS中，但是如何将其专门链接到背景图像，而不仅仅是身体内容？

Answer 1

也许这就是你要找的东西（运行片段看）：

＆＃13;

.stack{
  height: 200px;
  width: 200px;
  background-color: #ddd;
  position:relative;
}

.layer {
  position: absolute; 
  top: 0; 
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url('http://design.ubuntu.com/wp-content/uploads/ubuntu-logo32.png');
}

.base{
  filter: opacity(.3);
  -webkit-filter: opacity(.3);
}

.offset{
  margin-top: 20px;
}

＆＃13;

<div class="stack">
  <div class="layer base">
  </div>
  <div class="layer offset">
  </div>
</div>

＆＃13;

我在顶层添加了一个边距，让您看到另一个下面有两个第一层（基础）。如果删除边距，您应该看到图像完全对齐。

背景颜色与顶部的不透明图像

1 个答案: