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

-1

对于愚蠢的问题，我很抱歉，我对HTML/CSS非常陌生，并且我发现有时候会得到具体的答案，让我非常困惑。我在尽我所能。如何使用div设置html文件的背景图片？

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

2014-12-26 Smitty Werbenjagermanjensen

尝试：

CSS：

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

身体：

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

您可以使用jQuery更改背景图片太：

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

来源

2014-12-26 03:52:11 JuanSedano

我将所有内容插入到主体中？我可以将.divimg移动到外部CSS文件，对吧？我很困惑，因为我之前尝试过，但我不知道这是如何影响我的HTML的其余部分。 –

样式位于html的头部或外部css文件中。该样式仅影响html中的对象，在这种情况下仅影响'divimg'。 – JuanSedano

当您将divimg设置为类时，您将如何使用＃来访问。 –

<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>

或者你可以在外部的css文件中写入.bgimg

来源

2014-12-26 04:01:47

div在哪里？在标签内还是内部？对于愚蠢的问题抱歉，我知道这是一个简单的问题。 –

No..div进入'“，因为您必须将backgrounf图像放到整个html文件中。 –

呃......没关系。我不知道什么是，我认为会在身体内创建一个单独的div。感谢尝试帮助，但我太困惑了。 –

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

回答

相关问题