Html Chrome背景图像渲染问题

Html Chrome背景图像渲染问题,html,css,google-chrome,Html,Css,Google Chrome,背景图像未正确渲染,当我选择其周围的文本时,背景图像会出现。我试图删除javascript或一些代码,但仍然是这样。首先,我认为这是缓存问题,但这也发生在localhost中。这是你的电话号码 在加载.js之前加载.css我认为图像文件有点大(532KB)。尝试使用或类似工具减小文件大小。我设法将它减少到96 KB(JPG 77%,色度亚取样介质4:2:0,渐进式),而没有任何实质性的质量损失 您还应该尝试重新组织代码的顺序。如果可以将所有JavaScript移到底部(就在关闭body标记之前)

背景图像未正确渲染,当我选择其周围的文本时,背景图像会出现。我试图删除javascript或一些代码,但仍然是这样。首先,我认为这是缓存问题,但这也发生在localhost中。这是你的电话号码

在加载
.js
之前加载
.css
我认为图像文件有点大(532KB)。尝试使用或类似工具减小文件大小。我设法将它减少到96 KB(JPG 77%,色度亚取样介质4:2:0,渐进式),而没有任何实质性的质量损失


您还应该尝试重新组织代码的顺序。如果可以将所有JavaScript移到底部(就在关闭
body
标记之前)

视频很棒,但是如果您发布相关的编解码器则会有更大帮助,因为这是一个引导站点。URL在视频中,我无法在此处写入。当您使用“新鲜”chrome进程打开时,是否会发生这种情况?是的,即使在私人模式下也是如此。之所以发生这种情况,是因为谷歌字体就在body标记之前,毕竟是css和js。@MikulGohil“代码正常”,这是一个很好的例子;)感谢问题是在css和javascript之后加载google字体。抱歉问题是因为animation.css检查此抱歉问题是因为animation.css