Internet Explorer 中背景图像顶部的神秘填充
我有一个背景图像,在 IE 中显示大约 20px 左右的填充。它将整个页面向下推。神秘的一点是,我将整个背景与另一张未显示在间隙中的图像平铺在一起。在 Firefox 和其他地方看起来不错。我将边距/填充全部设置为 0,CSS 重置代码等。
http://circore.com/sporttours /news/
这是 style.css 中该区域的 css,但我猜其他地方的某些东西使得这个问题变得奇怪:
#content-top
{
background:url(images/mainheader.png) no-repeat;
height:171px;
width:690px;
margin-left:210px;
margin-top:0px;
padding-top:0px;
vertical-align: top;
}
非常感谢!
I have a background image that has about 20px or so of padding show up in IE. It pushes the whole page down. The mysterious bit is that I have the entire background tiled with another image that that isn't showing up in the gap. Looks fine in firefox and elsewhere. I have margins/padding set to 0 all over,css reset code, etc.
http://circore.com/sporttours/news/
This is the css on that area in style.css but I'm guessing something elsewhere is making this wonky:
#content-top
{
background:url(images/mainheader.png) no-repeat;
height:171px;
width:690px;
margin-left:210px;
margin-top:0px;
padding-top:0px;
vertical-align: top;
}
thanks so much!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
尝试从 main_bg 中删除空格:
->
Try taking the whitespace out of main_bg:
->
main_bg div 中的此图像调用:
src="http://circore.com/sporttours/wp-content/themes/Memoir/images/bg.jpg"
返回 404 错误。
该间隙看起来像是浏览器损坏的图像链接图标的空间。
html 中是否需要这个 0x0 图像?
我在 safari 中也看到了它。
this image call in your main_bg div:
src="http://circore.com/sporttours/wp-content/themes/Memoir/images/bg.jpg"
is returning a 404 error.
That gap looks like the space for the browsers broken image link icon.
Is this 0x0 image even necessary in the html?
I see it in safari as well.