calc（）100％+ #px

Question

我試圖實現一些我甚至不太確定的可能性。

我想在我的網站導航下放置一個特定的陰影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）;它沒有問題，但這不夠靈活，無法在任何對象上工作。

這甚至可能嗎？我甚至有道理嗎？！

Answer 1

我不是100％確定的，但working draft描述了計算兩邊的操作員形成（單一類型的）子表達式。

由於您將相對值（％）與絕對值（px）組合在一起，因此可能無法完成計算。

更新：我做了一個小測試，似乎工作得很好。你確定你的選擇器和html中的位置是正確的嗎？檢查這個Fiddle。