CSS--background url png 图片定位--终于悟透

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

 

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

 

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

 

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

 

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

转载于:https://www.cnblogs.com/radphp/archive/2013/04/20/3032671.html