请问如何用css+div的方法来定位4个小星星的位置,最好能让我随意拖动4个小星星来安排位置(我用的是visual studio 2010)
<div style="position:relative; background-image:url(你的大五角星图片地址); width:大五角星的宽度; height:大五角星的高度;">
<img src="第一个小五角星地址" style=" position:absolute; left:20px; top:20px;"/>
<img src="第二个小五角星地址" style=" position:absolute; left:30px; top:30px;"/>
<img src="第三个小五角星地址" style=" position:absolute; left:40px; top:40px;"/>
<img src="第四个小五角星地址" style=" position:absolute; left:50px; top:50px;"/>
</div>
把上面的代码复制到大五角星要放置的位置,那些中文是要你自己改的,小五角星可以自己在dw里面拖动的,大五角星不要拖动哦。
<img src="第一个小五角星地址" style=" position:absolute; left:20px; top:20px;"/>
<img src="第二个小五角星地址" style=" position:absolute; left:30px; top:30px;"/>
<img src="第三个小五角星地址" style=" position:absolute; left:40px; top:40px;"/>
<img src="第四个小五角星地址" style=" position:absolute; left:50px; top:50px;"/>
</div>
把上面的代码复制到大五角星要放置的位置,那些中文是要你自己改的,小五角星可以自己在dw里面拖动的,大五角星不要拖动哦。
温馨提示:答案为网友推荐,仅供参考
第1个回答 2011-05-16
整体用一个大的DIV,然首这个大的DIV的定位设置为相对定位.在将大五角星单独设置个DIV插在这个大DIV里面.最后把四个小五角星分别设置好属性,定位设置为绝对定位你就可以随意拖动这四个小五角星了!
第2个回答 2011-05-15
应该给每个小星星一个绝对定位,这样的话就能够随意的控制小每个小星星的位置了。很简单的。