Html 将img添加到div作为背景

IMG作为Div背景的合适风格应该是什么？我不想使用CSS来设置div的背景，因为每次我都会有很多具有不同div和图像的LI

<li class="container">
    <div class="inside"> some elements 
       <img src="some image"></img>
    </div>
</li>

一些元素

您可以使用

位置：绝对

为了查看顶部的内容，我对span元素使用了优先级
z-index:1


.inside{
位置：相对位置；
}
img{
位置：绝对位置；
排名：0；
左：0；
}
跨度{
位置：绝对位置；
z指数：1；
}

一些元素
您可以使用
位置：绝对

为了查看顶部的内容，我对span元素使用了优先级
z-index:1


.inside{
位置：相对位置；
}
img{
位置：绝对位置；
排名：0；
左：0；
}
跨度{
位置：绝对位置；
z指数：1；
}

一些元素
我仍然会使用CSS，但内联：

<li class="container" style="background-image:url(image.jpg) top left no-repeat">



使用图像标记作为背景的语义很差。
我仍然会使用CSS，但内联：

<li class="container" style="background-image:url(image.jpg) top left no-repeat">



使用图像标记作为背景的语义不好。
您可以这样尝试：

<div class="div_img">

</div>

您可以这样尝试：

<div class="div_img">

</div>

嗨！
IMG作为DIV背景的风格：

.inside{position:relative;}
img{position:absolute;left:0;top:0;z-index:-1;}

嗨！
IMG作为DIV背景的风格：

.inside{position:relative;}
img{position:absolute;left:0;top:0;z-index:-1;}

我相信以下内容会有所帮助（无需单独的CSS）

我相信以下内容会有所帮助（无需单独的CSS）


可能添加img-位置：绝对；排名：0；左：0？可能添加img-位置：绝对；排名：0；左：0？