问题描述
- 用asp。net做一个可视化的摊位示意图
- 我要做一个广场中的摊位基本信息, 我希望把摊位按在广场中的具体位置显示在一张图上
每块摊位就是一个按钮,给提供一个思路
解决方案
这个用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>
时间: 2024-09-14 02:46:11