相关疑难解决方法(0)

带alpha通道的颜色的十六进制表示?

是否有关于如何以十六进制格式表示颜色(包括alpha通道)的W3或任何其他值得注意的标准?

是#RGBA还是#ARGB?

standards w3c colors

107
推荐指数
4
解决办法
9万
查看次数

HTML/CSS文本背景透明但文本不透明

所以我遇到了问题.我环顾四周,环顾四周,但没有运气.我想让我的身体背景透明但让文字不透明.就像现在一样,我一直在做同样的不透明度.这是我的代码:

@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)

html css text opacity

68
推荐指数
2
解决办法
17万
查看次数

将 alpha 通道添加到在 css 变量上声明的十六进制颜色

正如标题所说,我想以某种方式为 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)

css variables hex alpha colors

15
推荐指数
2
解决办法
2394
查看次数

IE是否支持专有的半透明CSS十六进制颜色代码?

我正在玩这个渐变生成器,并注意到在filter属性中,他们使用常见位置十六进制颜色代码的变体:

#00ffffff
Run Code Online (Sandbox Code Playgroud)

似乎实现了rgba效应: 永久链接

我也看到提到这个方法在这里.这在IE中有用吗?哪个版本的IE支持这个?

我确实看到了这个问题,但如果IE支持它,答案从未真正提到过.他们只是说这是无效的.

如果IE支持这一点,那么使用半透明PNG真的没有意义.对?

css internet-explorer transparency colors rgba

3
推荐指数
1
解决办法
511
查看次数

CSS 十六进制颜色的不透明度

如何应用十六进制颜色的不透明度?

我正在使用 CSS 十六进制颜色。我正在尝试应用十六进制颜色的不透明度。我需要不透明度为 0.2 的 #78909c。

css

3
推荐指数
1
解决办法
1万
查看次数

来自十六进制 RGB 值的 CSS 中的半透明背景颜色

背景:我必须使用提供一些集成 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)

css transparency sass opacity background-color

1
推荐指数
1
解决办法
5166
查看次数