gpt4 book ai didi

javascript - 外部 CSS 文件未加载到 HTML 文件中

转载 作者:太空宇宙 更新时间:2023-11-04 02:43:53 27 4
gpt4 key购买 nike

我正在尝试通过 jQuery 使用加载动画。我已经为 css 文件尝试了不同的路径,例如

<link href="css/animation.css" type="text/css" rel="stylesheet">

<link href="../css/animation.css" type="text/css" rel="stylesheet">

但 CSS 文件仍未加载到 html 文件中。当我将 CSS 文件保存在与 html 文件相同的文件夹中时,它可以正常工作。

我的文件夹结构...

Folder structure

index.html

 <html>
<head>
<title>Loading Animation using jQuery</title>
<script src="js/jquery.js"></script>
<script src="js/jquery.backstretch.js"></script>
<link href="css/animation.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="loader">
</div>
<h2>Hi There</h2>
<script>

$(window).load(function(){
$("#loader").delay(10000).hide(0).fadeOut("slow");
});
</script>
</body>
</html>

动画.css

   #loader{
z-index:999999;
display:block;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:url(images/loader.gif) 50% 50% no-repeat rgb(249,249,249);
}

js 文件正在正确加载,但 css 文件不是..无法理解我哪里出错了..

最佳答案

加载您的 CSS 文件应该没有任何问题,

因为文件夹 CSS 与您的 HTML 文件位于同一目录级别。

但是 CSS 文件中使用的图像比您的 CSS 文件高一级。

尝试改变

background:url(images/loader.gif) 50% 50% no-repeat rgb(249,249,249); 

background:url(../images/loader.gif) 50% 50% no-repeat rgb(249,249,249); 

关于javascript - 外部 CSS 文件未加载到 HTML 文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34172580/

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