css背景图片上下留白，css背景图片上下留白怎么弄

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

为什么我做的CSS+div完成后,背景图片有白边?

1、出现白边是因为浏览器的内或者外边距默认值不为0：你需要在head标签里加上：style type=text/css {margin： 0；padding： 0；} /style 用以重置浏览器的内外边距默认值，将默认值改为0。

2、css没有被调用；请检查css调用是否成功。css图片地址不对；请检查css图片地址是否正确。div的高度没有固定，是auto或者没有设值，div设置错误容易导致背景图片高度太大则无法显示；请设置div高度。

3、加上CSS样式就不会留白边了 style type=text/css {margin：0；padding：0；} /style 是表示针对HTML的所有元素。margin表示边框外面留的空白，后面的0表示不留空白。

4、css2如果用背景图，实现个分辨率下的图片填充效果是做不到的。

Q1: css图片背景底部的空白怎么去除?

1、看下你上面的背景所在DIV和下面那个背景所在DIV是否有设置margin属性，如果有把它们改成0试。如果你是表格进行上下拆分合并的，看下是表格是否设置有cellpadding，cellspace属性，如果有把它们改成0试试。

2、相对定位一般只用于给后代元素提供一个“框架”参考，基本和绝对元素没有太多差别所以最佳解决方法是，最初就用绝对定位来代替相对定位。其后代元素也是可以用这个元素作为参考的。

3、可以设置表单控件的outline属性为none值来去掉浏览器自带白色背景。

4、点击魔棒工具打开ps软件，点击导入图片，在左侧菜单栏中点击选择魔棒工具。点击空白区域返回绘图区域，点击图片上的背景空白区域。点击选择反向选项点击鼠标右键，选择菜单栏中的选择反向选项。

5、并且 position为fixed 才行的。

6、有几种可能：你背景图片没有处理好。背景图片是gif格式的，如果你的背景色不是白色的话，可以看到毛边。你要看下你的浏览是什么的，有些PNG-8的图片会有白边的，IE6不识别PNG透明图片，这个要做兼容。

Q2: DIV+CSS布局顶部总会留白,应该怎么去掉留白?

打开word文档，点击界面上方的“布局”按钮。在随后打开的界面上方点击“页边距”按钮。随后点击“窄”选项。接着即可看到页面上方的空格已经变窄了。

把div的border打开，你发现图片底部不是紧贴着容器底部的，是img后面的空白字符造成，要消除必须这样写 divimg src=”” mce_src=”” //div 后面两个标签要紧挨着。ie7下这个bug 依然存在。

Q3: DIV+CSS布局顶部总会留白,应该怎么去掉留的白?

1、方法一：给div加一个固定的高，使其与图片的高相等。

2、这个原因是不同浏览器对padding和margin的设置会有偏差，如：你可能将一个div设置padding或者margin的top值，导致实际是将整个页面布局往下移动。

3、活版印刷一个成功的网站只有很少的字体是类似的款式，而不是使用的字体。最好的网站应该使用无衬线和无衬线字体，而不是两者的结合。

4、横切——传统的布局方式为了使页面下载的更快，把页面自上而下分成若干个块，但是往往采用DIV进行布局的页面都会出现这样的情况，由于每块中间栏或者其他栏内容条数不固定导致两边栏目没有同时自适应，而出现留白。

Q4: CSS如何给图片加上白边效果

1、css图片中间添加空白区域按照以下步骤弄。将图片转化为块级对象。设置图片的垂直对齐方式。设置父对象的文字大小为0px。改变父对象的属性。设置图片的浮动属性。

2、通过使用带有一些padding之的背景图来添加阴影效果。

3、如图，在代码工具中，先建好几个图片，如图这里的img图片被p盒子包含；然后将盒子设置宽度，然后浮动；图片填充整个盒子大小。效果就是这样的，如图。

4、首先根据实现图片的大小制作一个圆角边框。打开PS，新建一空白文档，文档的大小根据需要情况来定，在此小编将其设置为400*400，设置完成后点击”好“按钮。

5、再加边框之前把“边框”扣成透明背景（即边框内、外都为透明），然后再把边框加到背景透明的图片上就可以达到你说的效果。

Q5: 如何解决div里面img图片下方有空白的问题?

你对img属性，增加一个 display：block；即可去掉下面空白。

/div 把div的border打开，你发现图片底部不是紧贴着容器底部的，是img后面的空白字符造成，要消除必须这样写 div img src=” mce_src=” //div 后面两个标签要紧挨着。ie7下这个bug 依然存在。

top；} /*解决方案1*/ img{display： block} /*解决方案2*/ div{line-height： 0} /*解决方案3*/ 但是由于图片一般需要居中展示，为了利用text-align：center这个内联属性，推荐方案1与方案3，方案2不推荐使用。

div img可以实现没有缝隙的，还是建议使用div+css来实现，毕竟table维护起来太麻烦了啊，也逐渐被淘汰了啊，其实只要在img标签上添加display：block属性，div跟img两个标签内的属性自然而然就消失了。

在进行页面的DIV CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。

关于css背景图片上下留白和css背景图片上下留白怎么弄的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。