gpt4 book ai didi

javascript - 无法在我的网站上删除 FOUC

转载 作者:行者123 更新时间:2023-11-28 18:11:04 25 4
gpt4 key购买 nike

我的网站上出现了一些没有样式的内容,这让我很头疼。第一次访问它时,您会在实际加载到屏幕上之前看到未设置样式的内容:

您可以在这里亲自查看:http://galaxynode.com

我对 html 不是很流利,所以我需要一些详细的帮助:

这是我的代码:

<html lang="en">
<head>
<title> Galaxy Node Server Hosting | Premium Minecraft Hosting For $2.99! </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css;">
<meta name="Author" content="Steve">
<meta name="Keywords" content="minecraft server hosting, dedicated server hosting, cheap minecraft server hosting, best minecraft server hosts, minecraft dedicated server hosting, online server hosting, free minecraft server hosting, minecraft server hosts, best minecraft server hosting, dedicated servers hosting, galaxy node">
<meta name="Description" content="Galaxy Node Server Hosting aims to provide the highest quality Minecraft servers at an extremely low price.
We have the best customer service of all Minecraft server hosting providers! You will not be disappointed!">
<body background="http://galaxynode.com/images/background.jpg">
<link rel="stylesheet" href="galaxynodewebsite_g.css" type="text/css" media="screen,projection,print"> <!--// Document Style //-->
<link rel="stylesheet" href="index_p.css" type="text/css" media="screen,projection,print"> <!--// Page Style //-->
</head>

<body>
// body content
</body>
</html>

有人能确切地告诉我我可以在这里放什么来阻止东西在完全加载之前显示吗?任何修复都会很棒!我不知道 html,所以请告诉我我可以在这里放什么,或者我在不太了解 html 或 javascript 的情况下也能理解的东西。

最佳答案

删除 <body background="http://galaxynode.com/images/background.jpg">您创建了另一个 <body>标签。

您实际上是在加载正文时加载您的样式表。您看到闪光灯是因为尚未应用 css 属性。当额外的<body>标签被删除,样式表将成为 <head> 的一部分并将首先加载。

如果您想保留该背景,请在您的 CSS 中为主体添加一个属性。例如

body
{
background-image: url('http://galaxynode.com/images/background.jpg');
}

关于javascript - 无法在我的网站上删除 FOUC,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18627368/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com