在HTML中插入<img/>以在CSS(而不是CSS3)中创建背景图像的位置

时间:2016-09-23 16:03:14

标签: html css twitter-bootstrap

我正在开发名为Broadway的codeacademy项目。我被要求在页面中放置背景图像。简单。 第一种方法,也是最简单的方法, 只是用这个:

background:url(http://s3.amazonaws.com/codecademy-content/projects/broadway/bg.jpg)无重复中心滚动; background-size:cover

CSS3 background-size属性是天赐之物。

但是,我试图弄清楚如何在没有背景和背景大小属性的CSS中做到这一点。

我需要将上面的图片插入此HTML中。

<div class="jumbotron">
<div class="container">  
    <div class="main">
      <h1>We are Broadway</h1>  
    </div>
</div>
</div>

我的问题是无论我把图像放在哪个div中,它总是推动另一个 周围的元素(这对我来说很有意义)。我需要将图像放在“We Are Broadway”这一短语后面。长话短说,我在哪里插入img元素来获取它,以及在样式表中需要进行哪些相应的更改?

供参考,以下是网站的外观: https://s3.amazonaws.com/codecademy-content/projects/broadway/index.html

1 个答案:

答案 0 :(得分:0)

无法使用style标记添加背景图片。

仅限CSS,内联(使用BackAndroid.addEventListener属性)或不使用。