htmldiv盖在img上面的简单介绍

1、brandDivwidth289pxheight40px brandDiv imgwidth100%height100% ltstyle lthead ltbody ltdiv id=quotbrandDivquot ltimg src=quotwebImagesusedtop_logogifquot lt！如何在此处将一个img加。

2、1新建一个html文件，命名为testhtml2在testhtml文件内，使用div标签创建图层1，同时设置div的class为div1，主要用于下面通过该class来设置css样式3在testhtml文件内，再使用div标签创建图层2，同时设置div的clas。

3、在图片上面加个div层，让它浮于图片上方步骤如下创建一个描述中的div图层2在上一个图层的上方新建一个div3为了方便看出来图片上方div的位置，设置其属性之后如下这样在图片上面加个div层，让它浮于图片上方的问题。

4、0quot ltimg src=quotimg2jpgquot style=quotpositionabsolute top0left0quot ltdiv 注意要放在div中，这样才能依据div定位如没有可参考定位的元素则会依据body定位，也就是显示在左上角了div也可以换成其它的。

5、1使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件2然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器3打开浏览器。

6、1在HTML中将图片和下拉框放在同一个父元素下，例如一个div元素2在CSS中给该父元素设置一个相对定位positionrelative，以便让内部元素可以相对于该父元素进行定位3给下拉框的CSS添加positionabsolute和z。

7、具体步骤如下1在同一个div里，先书写一段代码，如下图所示，在这个代码中给dive设置宽度和高度，这时为了让文字有一个具体的范围2找到background，如下图示，在background的后面添加上图片作为这个的背景图案3。

8、1Pic层设置相对定位，宽高 2realPic层设置绝对定位zindex为1 3overPic层设置绝对定位zindex为2 完毕~。

9、把图片设置为背景图片即可，内容就可以显示在图片上面代码实例如下lthtmlltbodyltstyledivbackgroundimageurlxxjpgltstyleltdiv此处写div里的内容ltdivltbodylthtml这样即可实现内容在图片上面显示。

10、运用相对定位positionrelative和绝对定位positionabsolute 但是要注意以下几点1被设置成“绝对定位”的ivy9901必须作为“被设置成相对定位元素”的子元素 2所以最好是给“ivy990”再包裹一个div我假设class=“aaa”。

11、设置style 中 zindexauto auto可定义为一个值整数数字，越大代表越置前，如可定义为 zindex999 若定义为1，代表为最底层。

12、1新建一个html文件，命名为testhtml，用于讲解html如何将一个div置于最上层2在testhtml文件内，使用div标签创建两个模块，并分别设置它们的id为testone，testtwo3在css标签内，统一设置div的样式，定义它们的位置。

13、在你的产品图那个元素的父级元素的css上加上textalignleft例如 ltdivltimg src=quot产品图quotltdiv 这个div就是你产品图的父级元素，或叫容器再一个方法不太好，不知道你具体的情况，可以直接在你产品图的元素上。

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

15、是你上面的div都浮动了吧，在最下方div前加一个div，给一个效果是clearboth就实现了你的效果了不明白的在提问。

16、第一种方法 如果把图片作为背景不能全部显示，加这个属性backgroundsize 100%就能全部显示了第二种方法 在大div里放ltimg和导航，给mian相对定位positionrelative，给nav绝对定位positionabsolute，然后设置。