Question

css+div 图片浮动问题！

我给一张图片做浮动用div引样式
<div id="top-c"><img src="img/a04.png" border="0" /></div>
，浮动是浮动了，但是浮动的图片却被盖在背景图片下面了，层级关系变了。

如图，用谷哥浏览器查看元素，能看到图片的位置，但是浮动之后层级变了·······
新人不懂，求解答·······
请问 浮动背景图片background，与浮动img 原理是不是不一样啊？

Answer 1

前面几个说的都很好 你还要注意一个 父元素的position absolute/relative高于默认 z-index值设再高 没有position的话没用

Answer 2

把图片的z-index属性调大一点

追问

能加下QQ吗

追答

你把你代码发上来就行

追问

html,body{

margin:0;
padding:0;
border:none;
font-size:12px;
color:#000;
}

body{
margin:0 auto;
background-color:#FFF;
width:998px;
}

#top{
width:998px;
height:1300px;
background:url(../../zuopin/dwdw/a01.png) repeat-x;

}

#to-aa{
z-index:-1
}

#top-a{
margin-left:126px;
margin-top:-351px;
}

#top-b{
float:right;
z-index:4

}

Answer 3

img {
position:relative;/*或position:absolute;*/
z-index:4;/*z-index大于1*/
}

追问

能加下QQ吗？

追答

百度HI也可以聊得

追问

不好用·····················

追答

有什么问题在这说吧

追问

背景图片

#to-aa{
z-index:0
}

要浮动的图片

#top-b{
float:right;
z-index:1

}
是这样设置吗？ 值大的会覆盖值小的·······

追答

#to-aa{
z-index:0 /*不用，设置了也没用，只有同时设置position才有用*/
}
要浮动的图片
#top-b{
/*float:right;不用，设置了也没用*/
position：relative;/*absolute也行*/
z-index:1/*还要>=1就行*/
}

}