gpt4 book ai didi

javascript - 背景图像未出现,尽管出现在浏览器控制台中

转载 作者:太空宇宙 更新时间:2023-11-04 06:31:58 24 4
gpt4 key购买 nike

我需要使用 PURE javascript(没有 JQuery 或其他库)设置背景图像。

我使用如下所示的 javascript 设置背景图像。 Firefox 控制台、检查器网格和 CSS 引擎都显示背景图像是应该的。我已经成功设置了背景颜色,显示元素没有被隐藏,我没有选择错误的元素。正如下面的代码所示,我尝试使用不透明度和背景颜色。这是没有结果的。将鼠标悬停在图像 URL 上后,Firefox 会显示图像实际上已正确加载。

这是我的javascript:

var shadow = document.getElementById("shadow");
shadow.style.backgroundColor = "transparant";
shadow.style.opacity = "1";
shadow.style.backgroundImage = image;

程序启动时应用于元素的CSS

div#shadow
{
opacity: 0;
position: absolute;
top: 315px;
left: 721px;
width: 48px;
height: 48px;
}

该元素只是嵌套在 <body> 中的一个 div

<html>
<body>
<div id="shadow"></div>
</body>
</html>

最佳答案

透明拼写错误,图片的 url 而不仅仅是名称

var shadow = document.getElementById("shadow");
shadow.style.backgroundColor = "transparent";
shadow.style.opacity = "1";
shadow.style.backgroundImage = "url('image+address')";
div#shadow
{
opacity: 0;
position: absolute;
top: 315px;
left: 721px;
width: 48px;
height: 48px;
}
<html>
<body>
<div id="shadow"></div>
</body>
</html>

关于javascript - 背景图像未出现,尽管出现在浏览器控制台中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54601167/

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