css插入背景图片底部有白边的解决方法


 

  相信很多小伙伴遇到过用CSS插入背景图时,底部出现白边的情况,如下图:

 

   个人总结了2个方法如下:

  解决方法1:给图片都加上 vertical-align: middle属性。有时,移动端也会有类似的情况出现,如下图:

 

这种情况在移动端出现时,也可以给图片加上这个属性,(一般适用于底部留白较少的情况)

 

解决方法2:用PS软件把背景图片的高度调高一些,

       出现原因:可能是背景图片本身的高度不够,这种情况一般会出现底部留白较多,如下图:

 

 

 

 注:个人推荐移动端背景图片宽高为 750*1334,(以iPhone6为基准)

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM