html - 为什么我不能为文本设置透明颜色

我在她的一幅画上。

我的跨度有白色的背景色，我想将文本设置为透明。

像这样：
http://justdrop.me/b26e25bf4544a68a4e7b76c73169a4d1.PNG

我试过了：

Background-color:white;
color:transparent;

但是没有用。

HTML：

<div class="col-md-12 picturebee no-padding">
        <img class="beepic" src="img/img7.jpg" alt="Picture bee">
        <span class="text">Lorem ipsum dolor!</span>
    </div>

的CSS

.picturebee{
    margin-top:50px;
    position: relative;
}
.picturebee span{
position: absolute;
top:30px;
font-size:53px;
color:white;
font-family: 'Cuprum', sans-serif;
       left: 35%;
  transform: translateX(-26%);
  text-shadow: 1.4px 1.4px #222;

}

最佳答案

试试这个CSS：

.picturebee{
    margin-top:50px;
    position: relative;
}
.picturebee span{
position: absolute;
top:30px;
font-size:53px;
background-color:white;
font-family: 'Cuprum', sans-serif;
       left: 35%;
  transform: translateX(-26%);
  text-shadow: 1.4px 1.4px #222;

}
.text{opacity: 0.5;}

关于html - 为什么我不能为文本设置透明颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31150391/