日期:2014-05-17  浏览次数:20743 次

关于HTML/CSS布局问题 初学者学习问题
body {
margin:0px;
padding:0px;
font:12px arial,宋体;
text-align:center;
}

.zong {
float:left;
width:214px;
height:266px;
background:rgb(220,232,244);
position:absolute;
left:50%;
top:50%;
margin-top:-133px;
margin-left:-107px;
border:1px outset black;
z-index:-100;
}
.kuang {
float:left;
margin-top:10px;
margin-left:11px;
width:192px;
height:52px;
background:url(../images/0000000.jpg) no-repeat left top;
z-index:-98;
}
.gongneng {
float:left;
margin-top:4px;
width:214px;
height:61px;
z-index:-99;
}
.buttom a{
float:left;
width:36px;
height:29px;
background:url(../images/MC.jpg) no-repeat top left;
margin-top:1px;
margin-left:11px;
}
.buttom a:hover {
float:left;
background:url(../images/MC1.jpg) no-repeat top left;
width:36px;
height:29px;
margin-top:1px;
margin-left:11px;
}
.buttom a:active {
float:left;
background:url(images/MC2.jpg) no-repeat top left;
width:36px;
height:29px;
margin-top:1px;
margin-left:11px;
}

	<body>
<div class="zong">
<div class="kuang">
</div>
<div class="gongneng">
<div class="buttom"><a href="#"></a></div>

</div>

</div>
</body>


初学者……这些是我的代码 目的就是布局一个系统自带计算器框架,但是陷在遇到的问题就是在制作按键的时候,鼠标无法点击按钮,光标移动到按钮上也毫无变化,甚至连小手都没有,本人没学几天,求高手指点
div

------解决方案--------------------
不知道楼主的 问题是在哪个浏览器下 有问题。我在火狐 ie7   8  是正常的。