background:url('img/tip.png') no-repeat left -6px;
上下是-6px;一张图片的(0,0)坐标是什么是首先要搞懂的,就是图片的左上方的那一个点
上述代码中的left指的是 图标的左边起始位置,-6px,指的是图标的上面的开始位置,其实就是左坐标和上坐标
注意通常一张图片 left 一定是正数 而 heitht 一定是负数,迷惑就在这里 特别是负数,是越大 图片就越靠上(想想是不是这个理,其实原理搞懂而不是死记硬背),越小图片是越靠下(因为越小说明图片和坐标之间的空袭就越大,而图片的搞定又是固定的,所有图片就会越靠下),
逻辑有点颠倒但是搞懂原理了,以后就不怕了,上一张 我自己做的图吧: