html css背景图片透明文字不透明

思路：在::before中设置background-image和opacity

代码如下：

  

    
      
      

     服务器托管网 
      

      
    
  



body {
  background-image: url("../Image/bglogin.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

.login_box::before {
  content: "";
  background-image: url("../Image/bg.png");
  opacity: 0.4;
}

.login_box {
  position: absolute;
  left: 200px;
  top: 200px;
  width: 500px;
  height: 300px;
  box-shadow: 2px 2px 5px #888;
  border: 1px solid #666;

  text-align: center;
}

form {
  display: inline-block;
  margin-top: 100px;
}

input {
  display: block;
  width: 250px;
  height: 30px;
  border服务器托管网: 1px solid #fee;
}
 

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: 定向减免！函数计算让轻量 ETL 数据加工更简单，更省钱

作者：澈尔、墨飏 业内较为常见的高频短时 ETL 数据加工场景，即频率高时延短，一般均可归类为调用密集型场景。此场景有着高并发、海量调用的特性，往往会产生高额的计算费用，而业内推荐方案一般为攒批处理，业务实时性会有一定的影响。基于此痛点，函数计算 FC 推出定…