是否有一种直接的CSS方式使元素的边框半透明,例如:
border-opacity: 0.7;
Run Code Online (Sandbox Code Playgroud)
?
如果没有,有没有人知道如何在不使用图像的情况下这样做?
我正在设计一个电子应用程序,所以我可以访问CSS变量.我在一个颜色变量中定义了vars.css:
:root {
--color: #f0f0f0;
}
Run Code Online (Sandbox Code Playgroud)
我想使用这种颜色main.css,但应用了一些不透明度:
#element {
background: (somehow use var(--color) at some opacity);
}
Run Code Online (Sandbox Code Playgroud)
我该怎么做呢?我没有使用任何preprocesser,只有CSS.我更喜欢全CSS答案,但我会接受JavaScript/jQuery.
我无法使用,opacity因为我使用的背景图片不应该是透明的.