背景颜色在 Mozilla 和 IE 中不起作用

Question

我遇到了设计问题，请帮助我找到解决方案。 here is my page 这在 Google chrome 中工作正常，但 background-color: transparent; 在 header 中不适用于 Mozilla 和 IE，它在我的 header 上显示白色背景。

我试过给 position:static 但对我不起作用。请帮助我。

Answer 1

另一种解决方案是伪造背景并创建一个 1px 透明 gif：

background:url(transparent.gif);

Answer 2

将 overflow: hidden 添加到您的 #header_main class 即可解决问题。

所以..它看起来像这样：

#header_main{
z-index: 1;
border-top: 3px solid #FFF;
background: url("http://australian.webeteerprojects.com/wp-content/uploads/2015/04/header-back.png") no-repeat scroll center top / 100% 100%       transparent;
overflow: hidden;
}

背景颜色在 Mozilla 和 IE 中不起作用

background color is not working in Mozilla and IE

html

css

mozilla