【发布时间】：2012-08-10 15:20:50
【问题描述】：
我正在努力实现一些我什至不太确定在这里是否可行。
我正在尝试在我的网站的导航下放置一个特定的投影 PNG 图像。但是，我也想将此功能用于我希望在网站上的任何对象，无论是图像、div 还是按钮。基本上对任何物体都使用相同的阴影图像。
使用 css3 calc() 函数我正在尝试做对象的高度 @ 100% + 25px（png 的高度）。
我尝试过造型：
height: -webkit-calc(100% + 25px);
height: -moz-calc(100% + 25px);
height: -o-calc(100% + 25px);
但是从我可以在 Firebug 中收集到的 100% + 25px 是新的 100%，因为这没有任何效果。
我也试过了：
height: -webkit-calc(100% + 25px);
height: -moz-calc(100% + 25px);
height: -o-calc(100% + 25px);
background-position: 0 -moz-calc(100% + 25px);
但这里也没有欢乐。
如果我使用 calc(3em + 25px);它工作没有问题，但这不够灵活，无法处理任何对象。
这甚至可能吗？我说得有道理吗？！
【问题讨论】：
-
'-moz-box-shadow: 0 0 30px 5px #999; -webkit-box-shadow: 0 0 30px 5px #999;'这样做不会更好吗？
-
非常感谢，但这是我用于弯曲阴影的特定图像。我已经将 box-shadow 作为 CSS 属性完成了，但这并不是我想要的效果。
-
如果我理解正确，请使用 'border-top-left-radius: 20px 20px;边框右上角半径：20px 20px;'创建弯曲的角落。影子会随之而来。