6

複数の背景を使用してボタンを作成するのに問題があります。:before と :after を使用できることはわかっていますが、可能であればこれを理解したいと思います。

これがJsfiddle http://jsfiddle.net/syren/qerUT/1/です

その中で、最終的にどのように見せたいかを示しました。その中で、私は使用しました

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

私がそれをどのように見せたいかを示すためだけに。他のボタンや翻訳に使用するために優雅に展開できるようにしたいので、これを使用したいと思います:

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

しかし、これは機能していません。仕様によると、そうあるべきなので、何が間違っているのかわかりません。何か案は？ありがとう！

4

1 に答える 1

4

私はまったく同じことをやろうとしました。残念ながら、right 5px bottom 5px現時点では の実際のサポートはありません。

私が最終的にやったのは、画像を取得し、実際に画像の右側と下部に透明なピクセルを追加して、必要な位置に配置することでした. きれいではありませんが、複数の背景画像をサポートするブラウザーで完全に機能します。

各ブラウザでサポートされている背景機能の完全なリストについては、Standardista CSS3 Background Properties ページを参照してください。background-position の下に、IE9+ および Opera 11+ でのみサポートされている 4 値オフセットがリストされています。これは全面的にサポートされていない CSS3 バックグラウンド機能の 1 つであるため、非常に残念です。

于 2011-11-14T03:27:11.067 に答える