用div+CSS做的网页头图出现空隙白线,不是图片的问题,求助是啥原因,需要怎么做?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用div+CSS做的网页头图出现空隙白线,不是图片的问题,求助是啥原因,需要怎么做?相关的知识,希望对你有一定的参考价值。

是不是两个区域之间有border的存在,又或者你其中一个模块的宽度比背景还要大那么一点点的追问

是的,,谢谢,这个问题已经知道怎么解决了,呵呵!

参考技术A 是不是两个div的宽度没有设置好,一个浮动到左边一个浮动到右边了。可以使火狐或者谷歌浏览器的Firebug查看哈就知道了。 参考技术B 图片加浮动float:left!追问

呵呵,谢谢你哈,这个加了的,是背景图片与这张图片没有衔接好,但是我不知道是不是只要将背景图片向右移动一点就好了

追答

原来你那个是做背景的,如果不是做背景就加float:left; ???什么?

在div中插入图片为啥会有空隙?

例如在div中插入图片的位置存在路径有img src=“图片的位置”等,图片的一些属性值,为什么在插入的背景图中有空隙?回答要详细!谢谢!

img 下的留白,大家看这段代码有啥问题:

<div>
<img src=”" mce_src=”" />
</div>

把div的border打开,你发现图片底部不是紧贴着容器底部的,是img后面的空白字符造成,要消除必须这样写

<div>
<img src=”" mce_src=”" /></div>

后面两个标签要紧挨着。ie7下这个bug 依然存在。解决方案:给img设定 display:block。

看看是不是这个问题

参考资料:http://blog.sina.com.cn/s/blog_5f0410c90100c26m.html

参考技术A 有可能是IE的3px bug。给右边的层,应用float:left;浮动,即可解决IE 3px bug。给左边的层,应用margin-right:-3px;,同样可解决IE 3px bug。

参考资料:http://www.52css.com/article.asp?id=146

参考技术B 我不知道你设置的是背景图片,还是插入图片.两者是不同,如果你插入的是img标签,它当图片是像文字\声音一样的资料元素,你在设置其他的属性时可能会影响到它(比如设置文字的属性).但如果你添加的是背景图片就不同了.

具体的问题,你还是要多去试试看才好解决!
参考技术C 把margin值设小一点0或者1,,把border值设为0

以上是关于用div+CSS做的网页头图出现空隙白线,不是图片的问题,求助是啥原因,需要怎么做?的主要内容,如果未能解决你的问题,请参考以下文章

arcgis输出图片有白线

如何设置网页两边空白处相同的背景?这网页不是用表格做的。是用div+css的。请问该怎么设置。谢谢大家回答

DIV+CSS,怎样将背景图片拉伸到全屏!! 谢谢各位了 急呀~~~

怎样才能用div和css把网页布局的很美观?

多个div高度不同,怎么填充之间的空隙

在网页制作中如何控制DIV居中显示,用CSS怎么控制背景图片大小?