Question

我正在阅读有关声明颜色的原生CSS变量，但我想知道是否有办法为top：left position创建一个变量？我有一个CSS模板覆盖图像上的文本框，设计师会定期更改布局页面。我想完成这样的事情：

:root {
  --topOffset: 10px;
  -- leftOffset: 20px;
}

.text_Date_Overlay {
position: absolute;
top: 516px + topOffset;
left:570px + leftOffset;
font-family:Verdana;
font-size:18px;
font-style:italic;

}

有没有办法，其他感谢进入JavaScript？

由于

Answer 1

您可以将它们与calc()合并，并执行类似的操作。

:root {
  --topOffset: 10px;
  --leftOffset: 20px;
}

.text_Date_Overlay {
  position: absolute;
  top: calc(516px + var(--topOffset));
  left: calc(570px + var(--leftOffset));
  font-family:Verdana;
  font-size:18px;
  font-style:italic;
}

View Example Fiddle

使用CSS变量进行位置偏移

1 个答案: