CSS：背景位置の異なるコーナーオフセットでの問題

Question

複数の背景を使用してボタンを作成するときに問題が発生します。私は私が使うことができることを知っています：前と後：しかし、可能ならこれを理解したいと思います。ここで

が、その中Jsfiddle http://jsfiddle.net/syren/qerUT/1/

ですが、私は私が最終的にそれが見えるようにしたいものを示してきました。その中で私は使用しました

background-position: left top, 97% 90%; 

ちょうど私がそれを見たいと思うものを表示する。私は他のボタンのために、翻訳のために使用することを優雅に拡大することができるようにしたいので、私はこれを使用したい：

background-position: left top, right 5px bottom 5px; 

しかし、これは動作しません。仕様によると、私は何が間違っているのか分かりません。何か案は？ありがとう！

Answer 1

全く同じことをやってみました。残念ながらright 5px bottom 5pxの現時点でのサポートはありません。

私がやったことは、自分のイメージを撮って、実際にイメージの右と下に透明ピクセルを追加して、私が望む位置にそれを得ることでした。それはきれいではありませんが、複数の背景画像をサポートしているブラウザでは完全に機能します。

各ブラウザでサポートされている背景機能の一覧については、Standardista CSS3 Background Properties pageをご覧ください。バックグラウンドポジションの下では、IE9 +とOpera 11+だけがサポートする4値オフセットが表示されます。このことは、これがボード全体でサポートされていない1つのCSS3バックグラウンド機能なので、本当に残念です。