我要做一个广场中的摊位基本信息, 我希望把摊位按在广场中的具体位置显示在一张图上
每块摊位就是一个按钮,给提供一个思路
这个用html来弄,和asp.net没多大关系,至多是将摊位信息入库
广场用div模拟,relative定位,然后图片作为div背景,摊位用div模拟,背景色随便设置,然后absolute定位,设置left/top到你需要的位置
<!DOCTYPE html>
<style>
#Square{width:500px;height:300px;background:#eee;position:relative}
#Square div.item{width:50px;height:30px;background:#fff;position:absolute}
</style>
<div id="Square">
<div class="item" style="left:0;top:0">摊位1</div>
<div class="item" style="left:0;top:35px">摊位2</div>
<div class="item" style="left:0;top:75px">摊位3</div>
<div class="item" style="left:100px;top:30px;width:100px;height:70px">摊位4</div>
</div>