2013-09-05 6 views
1

내 웹 사이트에서 스타일이없는 콘텐츠의 플래시로 고심하고 있습니다.내 웹 사이트에서 FOUC를 제거 할 수 없습니다.

당신은 여기에서 직접 볼 수 있습니다 : 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 또는 자바 스크립트에 대해 많이 알지 못해도 이해할 수있는 것을 넣을 수 있는지 말해 주길 바란다.

+0

그것은 추한하지만 처음로드 될 수 있도록 해당 페이지에서 직접 스타일 정보를 포함 할 수 있습니다. 또는 스크립트가 실행될 때까지 페이지가로드를 차단할 수 있기 때문에 스크립트를 사용하여 스타일 정보를로드하고 페이지에 쓸 수 있습니다. – Jerry

+0

2 개의 태그가 포함 된 HTML이 유효하지 않습니다. – Raptor

답변

1

제거 <body background="http://galaxynode.com/images/background.jpg"><body> 태그를 추가로 작성했습니다.

본문을로드 할 때 본질적으로 스타일 시트를로드하고 있습니다. CSS 속성이 적용되지 않았기 때문에 플래시가 표시됩니다. <body> 태그를 제거하면 스타일 시트가 <head>의 일부가되어 먼저로드됩니다.

해당 배경이 CSS의 본문에 대한 속성을 추가하도록하려는 경우. 예 :

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