半框不透明度（带文本和背景） [英] Half box opacity (with text AND BACKGROUND)

问题描述

可以使用css或其他方式执行此操作

is it possible to do this ▼ using css or maybe something else

推荐答案

编辑

这似乎有效，但我不确定x-浏览器的兼容性： https://jsfiddle.net/owaduvy8/1/

This seems to work, but I'm not sure about x-browser compatibility: https://jsfiddle.net/owaduvy8/1/

编辑结束

是的，还是带有渐变的叠加层：

Yep, or an overlay with a gradient:

https://jsfiddle.net/6uox1an7/1/

.text-container {
  position: relative;
  width: 200px;
  height: 130px;
  background-color: black;
}

p {
  color: white;
}

这篇关于半框不透明度（带文本和背景）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！