バックグラウンドポジションのIE（バグ）パーセンテージ

Question

柔軟な/流体レイアウトの要素の背景画像のみでIEに問題があります。

基本的には、背景画像（1pxで1px）を縦に並べる必要があります。レイアウトが全幅である場合、背景画像は、左から70.56367％（676px divide by it's container of 958px）に等しいとき、左から676pxにあります。

このしかしがにIE年代のいずれかの動作しません Firefoxの、 ChromeとSafariので正常に動作します（6,7および8）。バックグラウンドの位置は、パーセンテージが完全な数であって小数ではない場合にのみ有効です。 70％または71％などに設定すると背景の位置が変わります。ここで

は私が持っているもので、どのようにそれがブラウザに表示されます。

background:url(link/to/image.gif) repeat-y 70.6680584551148% 0;/*676px/958px*/ 

私はまた別のXとYの値（ただし、同じ結果）としてバックグラウンド位置を設定してみました：

background-position-x:70.6680584551148%;/*676px/958px*/ 
background-position-y: 0; 

Firefoxの（v3.6.3）：

クロム（12.0.742.100）：

サファリ（5.0.2）：

のInternet Explorer（6、7、8 - 全て同じ結果）：

So 私の質問はです。これはブラウザが全体ではないパーセンテージを計算できないIE問題ですか？あるいは、私は行方不明の修正や何かがありますか？

Answer 1

私が最近作って周りいじるましたemを使用してパーセンテージ幅に基づくスケーラブルなサイトデザイン。私にとっては幸運なことに、プロトタイプ作成だけでした。なぜなら、判明したように、IEは小数点第2位の後に何も無視するからです。 IE8をロードし、F12を押して開発コンソールをプルアップすることで、自分自身で確認できます。パーセンテージであなたのCSSを見つけ、それが何を言うかを見てください。

念のために、私のem測定が代わりに0.70になっているだろう（私のテストで）この70.56367%のこの0.7056367のようにされていると思います。 IEが最も近いパーセンテージポイント（70%）またはパーセントの最も近い百分位（70.56%）に丸めていることは、私にとっては非常に現実的なようです。

Answer 2

私たちは常にもっと多くの仕事をしてくれます。 は多分異なるCSSスタイルを使用すると答え

<!--[if gte IE]> 
<link rel="stylesheet" type="text/css" href="iespecific.css" /> 
<![endif]--> 

Answer 3

ある背景画像は、コンテナDIVの幅に合わせなければならないので、あなたのコードは次のようになります。

background:url(link/to/image.gif) scroll repeat-y 0 0;