html - 具有硬停止的背景渐变在 Chrome 中呈现不正确

Question

我有一个 html 布局，顶部有一个导航栏，下面有一个主要内容区域，有一个左侧区域和一个右侧区域。顶部栏有一个带有硬停止的背景渐变。主要内容的右侧区域(侧边栏)的背景颜色应与导航区域的渐变停止对齐，在 75%。

参见 this对于我的布局的简化版本。在 Firefox 和 Safari 中，这呈现得很好，但 Chrome 将渐变停止点放得比它应该的更远。我尝试使用像素值而不是百分比，但行为保持不变。

知道为什么会发生这种情况，以及建议的解决方法吗？谢谢!

Answer 1

特别是对于以不同方式处理抗锯齿的现代浏览器。我所做的是 js 修复，(这对您的代码不利 :D)您还必须为每个元素添加自定义填充。但是你需要聘请一名自由职业者为你做这件事，因为这需要一段时间才能完成(浏览器定位、获取每个元素、为每个元素添加填充......)

如果您可以发布代码，那么更多可能性会很简单。但是我正在寻找更多解决方案。