我尝试雪碧图的左图片右文字效果:
.imgShareLeft {text-align:center;display:inline-block;*display:inline;*zoom:1;padding-left:16px;height:16px;background-image:url(../png/img.png);background-repeat:none;}
.imgaccept {background-position:0px 0px;}....
这里每个Sprite是16*16.包裹在某个元素里,如果该元素没有文字,很好.有文字的话就没法对齐了:图片好像靠上一点了.
<h3><a class="imgShareLeft imgaccept "></a><i>XXX预警系统</i></h3>
比如这里a元素没内容就很好,有文字就不对齐了
就这,然后demo也不贴出来,什么都没有,怎么看
文本又不需要请求,毫无意义