当前位置: 代码迷 >> HTML/CSS >> 怎么用html实现圆形云台
  详细解决方案

怎么用html实现圆形云台

热度:771   发布时间:2012-09-09 09:27:54.0
如何用html实现圆形云台

首先制作出来一张圆形云台的图片,使用该图片作为div 的背景图片,使用绝对定位absolute,还固定该div的位置。

1、制作张圆形云台的图片。

2、然后按图形的规则切割成小图片。

3、用整张圆形云台的图片作为div的背景,同时作为贴图的参照。

4、在div中为所有小图片添加a标签,即<a id="a1" onfocus="javascript:this.blur();">1</a>,然后用绝对定位的css实现图片跟底图的吻合。

  相关解决方案