2012-09-14 8 views
13

transformtranslateのようなCSS関数の中でcalc()を使うことはできますか? 私はそれを働かせるように見えません。あなたたちは遊ぶことができますので、ここでのデモは、次のとおりです。別の関数の中でcalc()を使う方法

http://jsfiddle.net/qdJwY/1/

+0

:これはここにバグとして報告されています。 %の代わりにピクセルを使用するとうまくいきますが、目的を破ると思います。 – Musa

+0

はい、しかし、努力のためにありがとう:) – cmplieger

答えて

8

calc()は、CSSで長さに基づく値を使用できる場合はいつでも使用できます。あなたが提供した例は機能しますが、実際には0が追加されます。http://jsfiddle.net/joshnh/6ydR3/

また、最後に固定されていないバージョンを最後に記載してください。

クロムで変換内のcalc()関数内の他の値のタイプとパーセンテージを混在させることは、Chromeではまったく機能していないようです。これをバグとして報告します。

UPDATE:私は翻訳が割合を取るとは思わないhttps://code.google.com/p/chromium/issues/detail?id=150054

+0

はIE10でも動作しません私はそれがまだ適切な解決策ではないと思う...あなたの答えに感謝:) – cmplieger

2

それは動作します:http://jsfiddle.net/qdJwY/2/

(編集:だけFirefoxでテスト済み)

あなたの例では、それはちょうどので、100% = 200pxを起こります、あなたはゼロで翻訳しました。

+1

最新のオペラとクロムではない – Musa

+0

とIE10はどちらもうまくいきません... – cmplieger

+0

@Musa Operaはcalc()を全くサポートしていません。 – cmplieger

関連する問題