要修复谷歌浏览器网页显示元素重叠的故障，可以尝试以下操作步骤：
1. 清除缓存和cookies：打开谷歌浏览器，点击菜单栏的“设置”>“清除浏览数据”，然后勾选“网站数据”、“缓存”和“cookies”。点击“清除数据”按钮。
2. 更新谷歌浏览器：打开谷歌浏览器，点击菜单栏的“更多工具”>“检查更新”，检查是否有新版本的谷歌浏览器可供更新。如果有可用更新，请下载并安装最新版本。
3. 禁用插件：打开谷歌浏览器，点击菜单栏的“更多工具”>“扩展程序”，关闭所有不必要的插件。
4. 调整缩放级别：打开谷歌浏览器，点击菜单栏的“更多工具”>“选项”>“高级”，在“显示”选项卡中，将“缩放级别”设置为“正常”。
5. 使用开发者工具：打开谷歌浏览器，点击右上角的三个点图标，选择“开发者工具”。在开发者工具中，点击“控制台”>“Console”，输入以下代码：
javascript
var rect = document.createElement('div').style.position = 'absolute';
rect.style.left = '0px';
rect.style.top = '0px';
rect.style.width = '100%';
rect.style.height = '100%';
document.body.appendChild(rect);

这段代码会创建一个绝对定位的div元素，使其覆盖整个页面。如果问题仍然存在，可以尝试将该代码添加到一个名为“fixOverlappingElements”的JavaScript文件中，并在其中调用`window.onload()`函数来确保在页面加载完成后执行此代码。
6. 检查CSS样式：打开谷歌浏览器，点击菜单栏的“更多工具”>“开发者工具”，在“Styles”标签页中，检查CSS样式是否正确。如果发现有问题的样式，可以尝试修改或删除它。
7. 尝试其他浏览器：如果以上方法都无法解决问题，可以尝试在其他浏览器（如Firefox、Edge等）上查看相同的网页，看看是否也存在显示元素重叠的问题。