html中的重叠图像

问题:

如何将

new_图标

放置在

app_图标

内，如下图所示

有一个条件：

.img图标

和

.td图标

不能修改

css:

html:

图片：

试试这个（css中的注释）

.img图标
最大宽度：100%
最小宽度：40px
高度：自动
垂直居中
利润最高20px
右边距20px
位置：相对；/*添加此项，以便可以添加z索引，使其位于新图标下方*/
z指数：1；
.icon_新
位置：绝对；/*把它放在右上角*/
顶部：5px；/*更改顶部和右侧以符合您的需要*/
右：5px；
z指数：2；/*使其显示在原始图标上方*/
显示：内联块；/*可选，使div成为其图像的宽度*/
.td图标
宽度：30%
保证金：自动
位置：相对；/*添加此项以允许新图标的绝对定位*/

正在使

应用程序图标

作为

背景图像

无效？为什么要使用

作为

div

和

img

的包装？注释非常有用

.img-icon
    max-width: 100%
    min-width: 40px
    height: auto
    vertical-align middle
    margin-top 20px
    margin-right 20px

.icon_new
    ?????

.td-icon
    width: 30%
    margin: auto

<p class="td-icon">
    <div class="icon_new"><img src="new_icon.png" height="14"></div>
    <img class="img-icon" src="app_icon.png" height="72" width="72">
</p>