如何实现，浮动至该图片有底色及文字的效果展示

你好，可以参考下面效果的实现：

1. 在页面中拖入一个"容器a",并在"容器a"中放入图片。"容器a"样式设置如下：

   :root {
      /* width：宽度；height：高度； */
      width: 300px;
      height: 300px;
      position: relative;
   }
   

   
2. 在"容器a"中再拖入一个"容器b"(容器b中内容根据具体需求而定),"容器b"样式设置如下：

   :root {
      /* width：宽度；height：高度； */
      width: 300px;
      height: 300px;
      position: absolute;
      top: 0;
      /* 颜色rgba,第四个值可以设置透明度（0-1） */
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      transition: all 0.6s;
   }
   :root:hover{
      opacity: 1;
   }
   

   
   实现效果：
   a.普通展示
   
   b.鼠标移入时展示