background:url('img/tip.png') no-repeat left -6px;

 

上下是-6px;一张图片的(0,0)坐标是什么是首先要搞懂的,就是图片的左上方的那一个点

 

上述代码中的left指的是 图标的左边起始位置,-6px,指的是图标的上面的开始位置,其实就是左坐标和上坐标

 

注意通常一张图片 left 一定是正数 而 heitht 一定是负数,迷惑就在这里 特别是负数,是越大 图片就越靠上(想想是不是这个理,其实原理搞懂而不是死记硬背),越小图片是越靠下(因为越小说明图片和坐标之间的空袭就越大,而图片的搞定又是固定的,所有图片就会越靠下),

 

逻辑有点颠倒但是搞懂原理了,以后就不怕了,上一张 我自己做的图吧:

posted on 2013-04-20 15:35  radphp  阅读(740)  评论(0编辑  收藏  举报