0

ステータスにはフラグ画像を使用する予定です。画像をご覧ください

ここに画像の説明を入力

この画像では、CSS を使用して旗の背景色を塗りつぶしたいと考えています。背景色のコードがサーバーから来ているので、サーバーから取得した色に従ってフラグの色を更新したい

SVG で試してみましたが、IE8 では機能しません。これを行う方法を教えてください。助けてくれてありがとう

注: IE7 から最新のブラウザーまでサポートする必要があります。色ごとに別々の画像を使用したくありません。

4

2 に答える 2

2

フラグが常に同じ背景色である場合は、単に .png を使用し、色が表示される場所に穴を開け、背景色と背景画像を使用して目的の結果を作成できます。

HTML

<div class="flag"></div>

CSS

.flag {
    width: 45px;
    height: 54px;
    background-color: #f00;
    background-image: url(http://i.imgur.com/dD84kjR.png);
}

JsFiddle の例: http://jsfiddle.net/a4EZ9/

于 2013-07-31T14:28:13.530 に答える