1、使用定位来进行布局就可以了，将你的这个图片定位到这个位置上去首先你的视频用一个div装起来，然后视频和这个图片同级，把这个视频适应这个父级DIV的大小，然后图片根据父级DIV来进行定位就可以了，如果不显示就设置一下z。

2、3在testhtml文件内，在div内使用p标签创建一段测试文字的显示4在testhtml文件内，在div内，再使用div标签创建一个类名为ff的div，用于作为悬浮的div5在testhtml文件内，在css标签内，使用“*”初始化元素。

3、给弹出的div设置一个position属性，然后zindex设置为大于其他的层就OK。

4、单击那个按钮，就显示那个层，可通过displayblock显示，其余层则让他们隐藏，display另外一种是通过控制所有层的zindex属性前提是这几个层最好大小统一，设置zindex属性最高，则会在最上面显示，则会覆盖下面。

5、用定位，宽度用百分比，给你写个例子 htmlltdiv class=quotleftquotleftltdivltdiv class=quotrightquotrightltdivcssleftwidth30% positionabsolute left0px top0pxrightwidth30% positionabsolute。

6、一般情况下，Z－index默认值是0值最大的浮在最上层比如说 lthtml lthead ltstyle type=quottextcssquot imgx positionabsoluteleft0pxtop0pxzindex1 ltstyle lthead ltbody lth1这是一。

7、如下示例，onmousemove就是鼠标悬浮div的时候采用d1样式，当鼠标离开就使用d2样式，margintop就是与上面的距离，控制这个距离就能实现div向上移动的效果示例lthtmlltheadltmeta。

8、在css中写对应div的zindex属性，例子如下indexasp zindex属性表示的是元素的堆叠顺序，正常情况下，zindex越大，元素就越在上层 纯手写，望采纳。

9、重叠在一起需要改变默认的布局方式，将其中一个显示在上层需要设置深度顺序，这两点分别用如下样式完成 position absolute *设置为绝对定位*zindex999 *设置重叠的上下次序，值越大月在上方*示例如下 创建Html。