我使用了一个名为 backstretch 的整页背景 jquery 图像插件。网站制作完成后,我想将其添加到 codepen.io,但整页背景的图像不会显示。
<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>Oregon</title>
<link href='https://fonts.googleapis.com/css? family=Raleway%7cIndie+Flower' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="pics.html">Pics</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<div class="main-content">
<h1>Vacation In Oregon</h1>
<a class="oregon" href="http://www.oregon.gov/pages/index.aspx" target="_blank">
<p>Oregon</p>
</a>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script>
$.backstretch("https://devinsabbatical.files.wordpress.com/2012/09/3-mount-jefferson.jpg");
</script>
</body>
任何人都可以向我解释如何让图像显示在 codepen.io 上吗?如果它有帮助,图像是我的 html 的最后一部分,以 $.backstrech("https://devinsabbatical.files.wordpress.com/2012/09/3-mount-jefferson.jpg "); 开头;
这是我的代码笔的链接:http://codepen.io/mike316/pen/Vjrjzg
最佳答案
您需要将 url 添加到脚本,而不是本地路径:
这是你的台词:
<script src="js/jquery.backstretch.min.js"></script>
对此进行更改(在您的 codepen 源代码中):
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js">
关于javascript - 如何让我的图像显示在 codepen.io 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38276161/