如何用html实现圆形云台
首先制作出来一张圆形云台的图片,使用该图片作为div 的背景图片,使用绝对定位absolute,还固定该div的位置。
1、制作张圆形云台的图片。
2、然后按图形的规则切割成小图片。
3、用整张圆形云台的图片作为div的背景,同时作为贴图的参照。
4、在div中为所有小图片添加a标签,即<a id="a1" onfocus="javascript:this.blur();">1</a>,然后用绝对定位的css实现图片跟底图的吻合。