将style.background设置为var不起作用

是因为CSS中的变量（var）不能直接用于设置元素的背景颜色（background）。CSS变量主要用于存储和重用值，可以在整个样式表中使用。而设置元素的背景颜色需要使用具体的颜色值。

如果想要动态改变元素的背景颜色，可以通过JavaScript来实现。以下是一个示例代码：

HTML:

<div id="myElement"></div>

CSS:

:root {
  --bg-color: red; /* 定义CSS变量 */
}

#myElement {
  background-color: var(--bg-color); /* 使用CSS变量 */
  width: 200px;
  height: 200px;
}

JavaScript:

// 获取元素
var myElement = document.getElementById("myElement");

// 修改CSS变量的值
document.documentElement.style.setProperty("--bg-color", "blue");

在上述示例中，通过JavaScript获取到元素并使用setProperty方法修改了CSS变量的值，从而改变了元素的背景颜色。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。
• 腾讯云云数据库 MySQL 版：高性能、可扩展的关系型数据库服务。
• 腾讯云云原生容器服务（TKE）：提供高度可扩展的容器化应用管理平台。
• 腾讯云对象存储（COS）：安全、稳定、低成本的云端对象存储服务。
• 腾讯云人工智能：提供丰富的人工智能服务和解决方案，如图像识别、语音识别等。

请注意，以上仅为示例产品，实际应根据具体需求选择适合的腾讯云产品。