JavaScript背景图片

猜测这对具有专业知识的人来说是一个真正简单的解决方案。我仍然在学习JavaScript，我一直在努力学习更多。JavaScript背景图片

目前，我有以下代码：

<script type="text/javascript"> 
$(window).load(function() { 
$("#background").fullBg(); 
}); 
</script>

这工作得很好。目前#background是：

<img src="images/background.jpg" alt="" id="background" />

但是我想能够把背景作为div背景，而不仅仅是一个图像。

如何更改上面的脚本，使该功能适用于将在CSS中设置的div的背景图像，而不是像当前那样指向img标记？

我试图在互联网上搜索解决方案;然而，我还不够好，在JS还没有正确地说出我的搜索找到我正在寻找。

如果我的描述很差，请提前致谢。

来源

2012-09-05 andrew anderson

.css()是你在找什么（本例使用jQuery的）

<script type="text/javascript"> 
$(window).load(function() { 
    $("#background").css({ 
     "background-image" : "url(images/background.jpg);", 
    }); 
}); 
</script>

来源

2012-09-05 00:49:59 Charlie

我相信我需要另一个脚本的.fullBg（）。我可以拥有它，因为你已经发布，但用..fullBg（）而不是.css？ –

这是什么脚本？ – Charlie

http://bavotasan.com/2011/full-sizebackground-image-jquery-plugin/这是我相信使用的jquery插件.fullBg（） –

如果我理解正确的话，你要指定一个CSS属性的DIV。然后你应该使用.css（'propertyName'，'value'）。你可以在jQuery .css()找到文档

来源

2012-09-05 00:52:43 Ghigo

你正在使用的插件（fullBg）被设计为使用img元素，而不是背景图像。为什么你甚至需要一个div？如果您按照插件文档的说法使用CSS来设计img，结果将是相同的。

来源

2012-09-05 00:54:04 bfavaretto

我需要解决方案的基础知识是，如果JavaScript在浏览器中关闭，则img将显示为图像而不是背景。这意味着网站变得几乎不可用。图像非常大，因此用户需要向下滚动以查看第一个DIV。你能想到替代方案吗？ –

您可以将图像隐藏在CSS上（'display：none'），然后使用jQuery'.show（）'方法在页面加载时显示它。所以如果js被禁用，就不会有bg图像（这比用户的图像更好）。 – bfavaretto

JavaScript背景图片

回答

相关问题