如何实现两张图片的覆盖加载

来源:互联网 发布:坏男孩软件靠谱吗 编辑:程序博客网 时间:2024/04/29 19:18

 

在显示上由上往下依次显示,关键是要对下面的<img>图片进行处理。

 

主要的属性是z-indexpositon,对于覆盖叠加并且是显示在上面的要进行绝对定位,也就是设置position:absolute;除了设置position后,还要设置z-index属性。

其次还要注意的是:

1)比如将文字和图片进行重叠排列,文字置于图片的上面,如果是要图片进行高亮显示,则要在css布置上,要先编写<img>标签,这样在显示上,此时就是图片就是高亮显示的,并对<img>标签进行设置positionz-index两个属性,接着就在下面设置相应的文字就完成图片在上,文字在下的布局设置;

2)如果是要将文字置于图片的上面,也就是文字是高亮显示的

0 0