Blogger帖子背景不透明度

Question

好吧，我想不出办法可以做到这一点，但在帖子后面的My Blogger上是棕褐色的棕褐色背景，我不能改变不透明度，我可以使它变成纯色而不改变不透明度。我想知道是否有一个CSS解决方法。或任何其他解决方法，以减少不透明度，因此文本不会与酒杯中的深色液体发生剧烈冲突。

任何帮助都很棒，谢谢 Maxthespy

Answer 1

您正在寻找的是opacity: 0.5;。请注意，为了处理那些讨厌的早期IE版本，您还需要filter: alpha(opacity=50);;）

修改：

更改不透明度将更改div的整个不透明度，包括其文本内容。要同时使用透明background-url并使用纯文本，您需要一些黑客CSS来实际使用:after post-outer中的背景图片，然后设置它出现在背景中的同一位置：

.post-outer {
  display: block;
  position: relative;
  padding: 15px 20px;
  margin: 0 0 25px;
  border: dotted 1px #ccb299;
  box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}

.post-outer::after {
  content: "";
  background: url(https://resources.blogblog.com/blogblog/data/1kt/watermark/post_background_birds.png);
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

希望这有帮助！

Answer 2

将此行替换为.post-outer

background: rgba(0, 0, 0, 0) url(https://resources.blogblog.com/blogblog/data/1kt/watermark/post_background_birds.png) repeat scroll top left`

使用rgba背景颜色，其中前3个值是您要使用的任何颜色的RGB值，最后一个值是不透明度值。这是“白色”（255,255,255），不透明度为90％。

background: rgba(255,255,255,0.9);