求大牛指导去怎么去掉下面的多余的宽度，小弟我是通过css层叠样式，将上传的控件摆在了一张图片的上面，可是下面还多出了好多空间，小弟我该怎么去掉这些空间呢？下面是小弟我的网页

求大牛指导去如何去掉下面的多余的宽度，我是通过css层叠样式，将上传的控件摆在了一张图片的上面，可是下面还多出了好多空间，我该如何去掉这些空间呢？下面是我的网页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style>
.table{
z-index:1;
}
.td1{
position:relative;
left: 0px;
top: 0px;
width:150px;
height:150px;
}
.img{
width:150px;
height:150px;
border:0px;
}

.formStyle{
position:relative;
left: 0px;
top: -150px;
z-index: 2;
cursor: pointer;
}

.uploadFile{

opacity: 0.5;
overflow: hidden;
font-size: 300px;
width: 150px;
height: 150px;
cursor: pointer;
}

</style>

<body>

<table border="1" class="table" >
<tr>
<td class="td1">
<a href="javascript:void(0);"><img class="img" src="Images/99043e600dc6dc2ea9242cca49b7422d.jpg" /></a>
<span >
<form class="formStyle" >
<input class="uploadFile" type="file" />
</form>
</span>
</td>
<td class="td1">
<a href="javascript:void(0);"><img class="img" src="Images/99043e600dc6dc2ea9242cca49b7422d.jpg" /></a>
<span >
<form class="formStyle">
<input class="uploadFile" type="file" />
</form>
</span>
</td>
</tr>
</table>

</body>
</html>

这是他显示的效果图

求大牛指导去怎么去掉下面的多余的宽度，小弟我是通过css层叠样式，将上传的控件摆在了一张图片的上面，可是下面还多出了好多空间，小弟我该怎么去掉这些空间呢？下面是小弟我的网页

我要的效果是

求大牛指导，不知道是不是我css的实现方式写错了
------解决方案--------------------
改下样式

.formStyle{

position:absolute;

left: 0px;

top: 0px;

z-index: 2;

cursor: pointer;

}

求大牛指导去怎么去掉下面的多余的宽度，小弟我是通过css层叠样式，将上传的控件摆在了一张图片的上面，可是下面还多出了好多空间，小弟我该怎么去掉这些空间呢？下面是小弟我的网页

相关推荐