calc（）100％+ #px

Question

私は何かを達成しようとしていますが、あまりにも確かではありません。

私は自分のサイトのnavの下に特定のドロップシャドウPNG画像を配置しようとしています。しかし、私はまた、画像、divまたはボタンのように、私がサイト上で望むどんなオブジェクトにもこの能力を再利用したいと思っています。基本的には、任意のオブジェクトに同じシャドウイメージを使用します。

私はオブジェクトの高さを@ 100％+ 25px（pngの高さ）にしようとしていますが、css3 calc()関数を使用しています。

私はスタイリングを試してみました：これは何を達成していないよう

height: -webkit-calc(100% + 25px); 
height: -moz-calc(100% + 25px); 
height:  -o-calc(100% + 25px); 

しかし、私はFirebugの100％+の25ピクセルに集まることができるものからは、新しい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。