背景漸變硬停在Chrome中呈現不正確

Question

我有一個HTML佈局，頂部有一個導航欄，下面有一個主要內容區域，左側和右側區域。頂部欄有一個背景漸變，其中有一個硬停止。主要內容的右側區域（側邊欄）具有與導航區域的漸變停止線對齊的背景色，達到75％。

請參閱this瞭解我的佈局的簡化版本。在Firefox和Safari中，渲染效果很好，但Chrome會將漸變停靠點設置得比應有的更遠。我試圖使用像素值而不是百分比，但行爲保持不變。

任何想法爲什麼會發生這種情況，並提出瞭解決方法？謝謝！

Answer 1

特別與現代瀏覽器以不同的方式處理反鋸齒。我做了什麼是一個js修復，（這不會對你的代碼有好處：D），你也必須爲每個元素添加一個自定義填充。但你需要僱用一名自由職業者爲你做，因爲它需要一段時間才能完成（瀏覽器定位，獲取每個元素，爲每個元素添加填充...）

如果你可以發佈代碼這將是簡單的更多的可能性。但是我正在尋找更多的解決方案。