我们可以使用Background在<div>标签中

时间:2016-09-21 05:44:46

标签: html css responsive-design

我们可以在&lt;中使用背景吗? div&gt;,就像我们在

中使用的那样
<body background="image.jpg">

我不想使用这样的样式。

<div style="background:url(...);">

我们可以使用

<div background="image.jpg">

因为它似乎不起作用,还有另一种方法吗?

修改

因为我想让图像高度响应。和图像是动态的,所以我不能使用style.css,我正在使用&lt; div style =&#34; background:url(...);&#34;现在,但随着宽度的变化,高度似乎没有变化

2 个答案:

答案 0 :(得分:0)

当然,你可以使用没有问题但是优选的代码如下面的

CSS

.img-bg{
background-size:100% 100%;
background-repeat:no-repeat;
display:block;
height:100%;
width:100%;
}

HTML

<div class="img-bg" style="backgound:url('image/path.jpg')"></div>

答案 1 :(得分:-1)

试试这个:

<div class="class"><img src="image link" /></div>

.class img {
    width: 50%;
}

自动响应

检查一下:https://jsfiddle.net/TiG3R/vjcg2utn/