<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">,
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<style>#selector {
border : 3px solid red;
position : relative;
width : 10px;
height : 10px;
z-index:2;
}#image {
position : absolute;
width:3px;
height:3px;
bottom:-3px;
right:-3px;
background-color:black;
border-color:white;
border-width : 1px;
border-style: solid;z-index:1000;
}
</style></head>
<body><div id="selector">
<div id="image">
</div>
</div>
</body>
</html>
为什么嵌套的#image没有相对他的父div定位呢,请帮忙看看啊,但是在里面的div中加一个空白的span即可解决,为什么呢
问题补充:
补充:在firefox下好用,在ie下不好用,#image的宽度和高度设的比较大的话,在ie下也是正确的,但是设的比较小,则有问题
问题补充:
如果是ie渲染的问题,有什么办法能让其正常渲染呢,谢谢