CSS线性渐变：如何设置从底部开始计数的固定颜色停止位置

我想为我的内容区域创建一个渐变背景。渐变只是纯白，从顶部的不透明度为零逐渐变暗，然后在底部再次变暗到不透明度为零。由于内容高度高度多变，相对的颜色停止位置不太合适

目前，我有以下CSS：

background: linear-gradient(
  to bottom, 
  rgba(255,255,255,0) 0%,
  rgba(255,255,255,1) 500px,
  rgba(255,255,255,1) 90%,
  rgba(255,255,255,0) 100%
);

我正在寻找将

90%

替换为等于

（内容高度）-500px

的内容。这可能吗？如何做到

---

谢谢

只需使用

calc

：

正文{
最小高度：1500px；
保证金：0；
背景：线性梯度(
归根结底，
rgba（255255,0）0%，
rgba（255255,1）500px，
rgba（255255,1）计算值（100%-500px），
rgba（255255,0）100%
);
}
html{
背景：粉红色；
}

那么500px的用途是什么？如果

（内容高度）

是动态的，请使用JQuery。@Znaneswar你是认真的还是一个简单的笑话？