html - 阴影干扰

Question

我的页眉中有 2 个元素。重复的水平条纹和标志。我的问题是 Logo 的阴影干扰了条纹的阴影。

#header {
  width: 100%;
  height: 90px;
  background: url('../images/header_bg.png') repeat-x;
  color: #fff;
}
#logo {
  margin: 0 auto;
  width: 377px;
  height: 145px;
  background: url('../images/logo.png');  
}    

Answer 1

好的，我解决了。我用白框覆盖了 Logo 并将 Logo 的 z-index 设置为 9999。