给图片加遮罩层LOGO的CSS实现

图片加遮罩层LOGO的CSS
要在图片上加上一个遮罩层LOGO，可以使用CSS中的定位特性来实现。以下是一个简单的例子：

HTML:
<div class="image-container">
  <img src="path/to/your/image.jpg" alt="Background Image">
  <div class="logo-mask"></div>
</div>

CSS:
.image-container {
  position: relative;
  display: inline-block;
}

.image-container img {
  display: block;
  width: 100%; /* 或者其他尺寸 */
}

.logo-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url('path/to/your/logo.png') no-repeat center center;
  background-size: contain; /* 或者 cover，根据需求 */
}