如何拼接css变量

vizo

41922837

发布于
2020-09-17

如--co1为 #ff3366, 这个值是后台设置的, 有且仅有一个全局颜色
这样使用没问题: background: var(--co1)

现在有一个块要设置半透明: #ff336655 怎么设置呢(不能用js)

background: var(--co1)"55" //无效
background: calc(var(--co1)"55") //无效

css 前端

阅读 5.3k

1 个回答

得票最新

zzgzzg00

3.7k21420

发布于
2020-09-17

<html>

<head>

<title>option chain</title>

<meta charset="utf-8" />

<style>

body {

--x: 255, 0 ,0;

}

div {

height: 100px;

}

div:nth-of-type(1) {

background-color: rgb(var(--x));

}

div:nth-of-type(2) {

background-color: rgba(var(--x), .5);

}

</style>

</head>

<body>

<div></div>

<div></div>

</body>

</html>

ff336655 是有效的颜色值？

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

如何拼接css变量

ff336655 是有效的颜色值？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

如何防止接口的 key 泄露?

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

请问开发React Native，一般是推荐哪个主流的UI库呢？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

www.baidu.com 中的 baidu 被称为什么域名？

快开发完的Vue3项目要做SEO该如何处理？