网页布局时，三张背景图片出现白线的解决办法

项目开发中发现两个背景图片之间有一条白线如如下图所示。

在分析代码之后发现白线是由设置了水平居中margin：0 auto造成:
所以我们可以使用负margin技术设置margin-top：-1px解决这个问题。

.center {height: 855px;width: 1920px;background: url('https://static-ftcms.jd.com/p/files/5.jpg') center no-repeat;background-size: 1920px 855px;margin: 0 auto;margin-top: -1px;}.bottom {height: 697px;width: 1920px;background: url('https://static-ftcms.jd.com/p/files/5f2a8a3821.jpg') center no-repeat;background-size: 1920px 697px;margin: 0 auto;margin-top: -1px;}<div class="center"></div><div class="bottom"></div>

网页布局时，三张背景图片出现白线的解决办法相关推荐

手机端网页中图片之间出现白线的解决方法
手机端网页中图片之间出现白线的解决方法参考文章: (1)手机端网页中图片之间出现白线的解决方法 (2)https://www.cnblogs.com/syzdidi/p/9686463.html 备 ...
VS2015远程白屏的解决办法——亲测可用
使用向日葵.TeamViewer 等远程访问软件的过程中,当打开VS.浏览器.视频播放器之类应用时,我们可能会遇到白屏或黑屏. 原因根据网上搜索的结果,大致有两个原因: 台式机没有外接显示器,或显示 ...
本地计算机无法启动wireless,win7系统使用无线时提示：“windows无法启动wireless”的解决办法...
此文约为506字,阅读需要3分钟如果在连接无线网络时连接不上,而系统提示了"Windows无法启动Wireless PAN DHCP Server服务(位于本地计算机上).错误1067:进 ...
电脑中病毒所有html文件,电脑中了病毒所有文件都多了三个文件是什么原因以及解决办法...
360安全卫士v10.3.0.2007官方最新版类型:360工具大小:63M语言:中文评分:7.9 标签: 立即下载电脑中了病毒所有文件都多了三个文件是什么原因以及解决办法,最近不少人的电脑中了 ...
[转]Silverlight在调用wcf时传输数据过大返回Not Found的解决办法
原文地址:http://www.cnblogs.com/gavinyao/archive/2012/04/17/2454495.html Silverlight在调用wcf时传输数据过大返回Not F ...
win8 远程桌面时提示凭证不工作问题的终极解决办法
原文 win8 远程桌面时提示凭证不工作问题的终极解决办法环境说明远程办公电脑(放置于公司.自用办公电脑.win8系统) 远程连接客户机(放置于家中.家庭日常所用.win8系统) 故障现象最近在 ...
sqlplus登录时遇到的ORA-12560: TNS: 协议适配器错误解决办法
sqlplus登录时遇到的ORA-12560: TNS: 协议适配器错误解决办法在windows下使用lsnrctl start启动监听之后,然后使用sqlplus登录的时候遇到了ORA-12560 ...
使用Lock and Load X 插件时导致Final Cat Pro意外退出的解决办法
Lock and Load X是一款Mac平台上的视频稳定防抖插件,适用于FCPX.PR以及AE软件.lock and load x Mac版比PR和FCPX自带的防抖插件,功能更强大,效果更加突出, ...
【教程】关于打开一些exe文件时，打开方式为microsoft store的解决办法
[教程]关于打开一些exe文件时,打开方式为microsoft store的解决办法前言解决 ---------------- 版权声明:本文为CSDN博主「SogK1997」的原创文章,遵循CC ...

网页布局时，三张背景图片出现白线的解决办法

网页布局时，三张背景图片出现白线的解决办法相关推荐

最新文章

热门文章