如何在html中把一个图片或者表格覆盖在一张已有图片上的任意位置

html-css011

如何在html中把一个图片或者表格覆盖在一张已有图片上的任意位置,第1张

<div style="position:relative">

<img src="" width="500" height="500" />

<div style="position:absoluteleft:80pxtop:50pxborder:#000 solid 1px"><img src="" width="50" height="50"/></div>

</div>

你可以用里面的LEFT,TOP属性控制他的位置

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签创建图层1,同时设置div的class为div1,主要用于下面通过该class来设置css样式。

3、在test.html文件内,再使用div标签创建图层2,同时设置div的class为div2。

4、在css标签内,对页面的div元素进行样式统一设置,定义它们的宽度和高度都为250px。

5、在css标签内,对类名div1的div(图层1)进行样式设置,使用position设置div为相对定位,使用background设置div背景颜色为红色,使用z-index设置div层级为1。

6、在浏览器打开test.html文件,查看实现的效果。