0

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

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

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

http://jsfiddle.net/7Gacp/3/

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

干杯

4

4 回答 4

2

像这样删除双引号并使用单引号

"background: url('../../img/followers/followers-tabs.png')
于 2013-10-14T21:02:52.557 回答
0

background-image:url('image path'); 将此代码块放入您的 css 并获取背景图像集。

于 2013-10-14T20:59:49.570 回答
0 
.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>

小提琴

于 2013-10-14T21:05:41.953 回答
0

您需要从 url 中删除 qoutes

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

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

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

要传播背景，您可以使用

background-size: 100% 100%;

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

于 2013-10-14T21:33:33.073 回答