Javascript 如何使用div设置html文件的背景图像？

对于这个愚蠢的问题，我深表歉意，我对HTML/CSS非常陌生，有时我发现得到具体的答案非常令人困惑。我正在尽力

我想上传一个背景图像，我想知道如何使用div。我想使用div，因为我不知道如何在不改变整个html文档的不透明度的情况下改变背景图像的不透明度，所以我想使用div可以让我做到这一点。但是，我不确定在这种情况下如何使用div。

试试：

CSS:

.bgimg{
背景图像：url（../images/divbg.png）；
背景重复：无重复；
背景位置：中心；
背景附件：固定；
-o-背景尺寸：100%100%，自动；
-moz背景尺寸：100%100%，自动；
-webkit背景尺寸：100%100%，自动；
背景尺寸：100%100%，自动；
}
...
有背景的div

---

或者您可以在外部css文件中编写

.bgimg

，

我是否将这些都插入到正文中？我可以把.divimg移到一个外部CSS文件中，对吗？我很困惑，因为我以前尝试过，但我不知道这会如何影响我的html的其余部分。样式在html的头部或外部css文件中。样式仅影响html中的对象，在本例中仅影响

divimg

。当您将divimg指定为类时，您将如何使用#访问。对，Suchit Kumar，我已更改。div在哪里？在标签内还是在主体内？抱歉这个愚蠢的问题，我知道这是一个很简单的问题。不。div转到

，因为你必须给整个html文件提供背景图片。对吗？嗯…没关系。我不知道是什么，我以为会在体内创建一个单独的div。谢谢你的帮助，我只是太困惑了。

<style type="text/css">
.divimg {
    background-image: url(../images/image.png); /* Your image */
}
</style>

<div class="divimg">
    <!-- Anything you want -->
</div>

$('.divimg').css("background-image", "url(../images/image.png)");  

<style type="text/css">
.bgimg {
    background-image: url(../images/divbg.png);  
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -o-background-size: 100% 100%, auto;
    -moz-background-size: 100% 100%, auto;
    -webkit-background-size: 100% 100%, auto;
    background-size: 100% 100%, auto;
}
</style>

...

<div class="bgimg">
    div with background
</div>