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

 

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

 

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

 

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

 

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

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

相关文章:

  • 2022-12-23
  • 2022-01-21
  • 2021-10-02
  • 2022-01-20
  • 2021-12-22
  • 2021-12-14
  • 2021-12-04
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-04-23
  • 2021-12-04
  • 2021-11-18
  • 2022-01-21
相关资源
相似解决方案