Question

是否可以在html中添加背景图片？

这是我的小提琴我需要它在“容器div”

我还需要在画布中拉伸背景我可以在css中做到这一点吗？

<div id="profile-container">
    <div id="fixed-header"></div>
    <div class="container" style="background: url("../../img/followers/followers-tabs.png") no-repeat 0 0px;"></div>
    <div class="sticky-header">This needs to be fixed when hits top of screen</div>
    <div class="img">needs to be smooth</div>
    <div class="img"></div>
    <div class="img"></div>
</div>

干杯

Answer 1

删除双引号并改为使用单引号，如此

"background: url('../../img/followers/followers-tabs.png')

Answer 2

background-image:url('image path'); 将这段代码放在你的css中并获得背景图像。

Answer 3

.container {
 height:300px;
 width:100%;
 background-image: url("Put your image link here.");
}

适用于内联样式：

<div class="container" style="background: url('Put your image link here.') no-repeat 0 0px;"></div>

Fiddle

Answer 4

您需要从网址中删除qoutes

<div class="container" style="background: url(../../img/followers/followers-tabs.png) no-repeat 0 0px;"></div>

您可以使用'但CSS背景中的url根本不需要它们。

这是固定的小提琴：http://jsfiddle.net/7Gacp/10/。

要传播背景，您可以使用

background-size: 100% 100%;

这是另一个小提琴：http://jsfiddle.net/7Gacp/11/。

你能在html中添加背景图片吗？

4 个答案: