css - 如何在 CSS 中创建文本叠加层?

标签 css overlay

我希望创建与此类似的文本叠加 link .如果你看到它,文本的颜色与 div 颜色形成对比,给人一种文本被主 div 颜色的一些外层覆盖的感觉。如何实现这种效果?

最佳答案

我用了Chrome Inspector为你。这是数字上的样式:

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

你可以自己查一下,只是:

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

Read about CSS3 rgba() here

The “a” in this property-name stands, for, you guessed it: alpha. This new feature allows us to specify an opacity value for a color.

关于css - 如何在 CSS 中创建文本叠加层?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10257929/

相关文章:

css - 对齐字符

css - 如何在 Meteor 中只加载一页的 css 文件?

html - 为什么 div 不能以自动边距居中?

javascript - 滚动时的图像叠加(javascript)

jqGrid 触发 "Loading..."叠加

ffmpeg:用于过滤器比较的滑动覆盖

android - 在 Android 应用程序中的 Google map 上叠加矢量数据(形状文件)

javascript - 图像与 Ionic 中的侧边菜单栏重叠

css - 保持文本选择颜色与不同背景相同

iphone - 将 MKPolygon 作为覆盖层添加到 MKMapView 时出现问题