是否有关于如何以十六进制格式表示颜色(包括alpha通道)的W3或任何其他值得注意的标准?
是#RGBA还是#ARGB?
所以我遇到了问题.我环顾四周,环顾四周,但没有运气.我想让我的身体背景透明但让文字不透明.就像现在一样,我一直在做同样的不透明度.这是我的代码:
@charset "utf-8";
body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #42413C;
margin: 0;
padding: 0;
color: #000;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
padding-right: 15px;
padding-left: 15px;
opacity:1;
}
a img {
border: none;
}
a:link {
color: #42413C;
text-decoration: underline;
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.container { …Run Code Online (Sandbox Code Playgroud) 正如标题所说,我想以某种方式为 css 变量中定义的十六进制颜色添加透明度。我在其他帖子中看到过使用 rgb 的解决方案,但我需要十六进制。也许使用 rgba()、calc() 或 linear-gradient(),但我的尝试没有达到任何结果。
有人可以帮忙吗?
我找不到任何相关帖子,因为我使用的是十六进制颜色和 css 变量
例如:
:root {
--blue: #0000ff;
}
.blue-with-alpha {
color: var(--blue)66; /* I am trying to achieve something like this */
}Run Code Online (Sandbox Code Playgroud)
我正在玩这个渐变生成器,并注意到在filter属性中,他们使用常见位置十六进制颜色代码的变体:
#00ffffff
Run Code Online (Sandbox Code Playgroud)
似乎实现了rgba效应: 永久链接
我也看到提到这个方法在这里.这在IE中有用吗?哪个版本的IE支持这个?
我确实看到了这个问题,但如果IE支持它,答案从未真正提到过.他们只是说这是无效的.
如果IE支持这一点,那么使用半透明PNG真的没有意义.对?
如何应用十六进制颜色的不透明度?
我正在使用 CSS 十六进制颜色。我正在尝试应用十六进制颜色的不透明度。我需要不透明度为 0.2 的 #78909c。
背景:我必须使用提供一些集成 SASS 功能的 CMS:用户可以定义颜色,它们以十六进制值的形式提供给我可以编辑的 SCSS 文件的变量。
问题:我必须使用这种颜色之一的较浅版本作为 div 的背景。(在具有一定透明度的背景颜色的意义上更轻)。
通常我会这样做
background-color: rgba(r,g,b,a);
但是,如果我没有单一的红/蓝/绿值,而只有组合的十六进制 RGB 值,该怎么办?
应达到的结果示例:
/* user color comes as a variable containing a hex value
variable: $color
example value: 00d;
*/
h1{
background-color: #00d; /* $color resolves to 00d */
}
p{
background-color: #7e7eed; /* <- this value should be calculated from the variable $color, in this case #00d + opacity 50% */
}Run Code Online (Sandbox Code Playgroud)
<h1>Title</h1>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam …Run Code Online (Sandbox Code Playgroud)