任何组合背景大小类的方法？

Question

我正在尝试使用css更改背景大小：我想要100个高度和100个宽度，但不想创建10,000个类。 e.g。

// style
.tall {background-size: whatever 200%}
.narrow {background-size: 50% existing}
// javascript
element.className ="tall narrow";

正如我所知道的那样，我需要指定所有可能的值，例如：

.tall1 {background-size: 1% 200%}
.tall2 {background-size: 2% 200%}
.tall3 {background-size: 3% 200%} // etc.

有没有办法解决这个问题？

Answer 1

如果您使用的是Javascript，则可以dynamically set the values。

element.style.backgroundPosition = value1 + '% ' + value2 + '%';