如何在CSS中创建文本叠加？

Question

我希望创建类似于此链接的文本叠加层.如果你看到它,文本的颜色与div颜色形成对比,给人的感觉是文本被主div颜色的某些外层覆盖.我该如何达到这个效果？

Answer 1

我为您使用了Chrome Inspector.这是数字上的一种风格:

.metro .count {
    /*...*/
    color: rgba(0, 0, 0, 0.20);
}

您可以自己查看,只需:

• 在Chrome中,右键单击数字和"检查元素"
• 在Firefox中,使用Firebug
• 按F12,在Internet Explorer(版本8+)中
• 其他浏览器也有其等价物

rgba()在这里阅读CSS3

这个属性名称中的"a"代表,因为你猜对了:alpha.这个新功能允许我们为颜色指定不透明度值.