没有顶盒阴影？

你怎么能消除顶盒阴影。如果CSS已经内置了一些东西，那将是完美的，但很少有。没有顶盒阴影？

这里有一个生活example。

向下滚动至页面底部至页脚。我想消除伪台上的顶盒阴影。

感谢

2013-05-02 user2275855

用于此增加一个箱阴影为顶部和底部阴影

* 像这样 *

.container-wide{ 
    -webkit-box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc; 
    -moz-box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc; 
    box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc; 
    }

如果u显示只有顶部阴影比将此CSS

.container-wide{ 
-moz-box-shadow: -1px -1px 1px 1px #ccc; 
-webkit-box-shadow: -1px -1px 1px 1px #ccc; 
box-shadow: -1px -1px 1px 1px #ccc; 
}

来源

2013-05-02 04:55:01

使用此：

#Background 
{ 
-webkit-box-shadow: 0px 1px 30px rgba(0,0,0,.4); 
-moz-box-shadow: 0px 1px 30px rgba(0,0,0,.4); 
box-shadow: 0px 1px 30px rgba(0,0,0,.4); 
}

来源

2013-05-02 04:55:37 7alhashmi

应用此CSS的＃wrapper2

#wrapper2{border-radius: 0 0 12px 12px; 
      -webkit-border-radius: 0 0 12px 12px; 
      -moz-border-radius: 0 0 12px 12px; 

}

这将解决您的设计和提供相同通过包含一个带有伪贝壳类的div来输出您所需的数据。

此外，我也很好奇知道包括一个div与pseudobottom类的目的。这只是为了解决设计问题，还是要包含内容？

来源

2013-05-02 05:02:42 Nitesh

我希望它那么简单。该网站的设置方式是所有页面都会继承页眉和页脚。因此，为了在整个网站上工作，我必须避免这种小小的头痛;以避免将来出现几个令人头痛的问题。 – user2275855 2013-05-02 05:41:55

我去了你的网站，看到你的HTML结构。我建议添加一个带有伪贝类的div作为补丁来解决结构只会使事情变得不稳定和复杂。正如你可以检查你的login.php页面的实例。因此，使包装灵活适应任何类型的内容是适当的解决方案，而不是添加黑客或补丁。 – Nitesh 2013-05-02 06:08:32

这是基于PHPMotion，这是可怕的开始，所以我基本上一直黑客整个事情。我修改了代码，它在某些页面上使用了页脚。咩。我基本上使用你的代码，并与其他因素一起玩，以使其工作。不要骄傲:) – user2275855 2013-05-04 03:15:54

没有顶盒阴影？

回答

相关问题