1

.png「アイコン」の色を変更するために、必要な色を動的に使用できるように、背景画像として透明を使用しようとしています。

40px x 40px の .png があります。background-image を使用して div に適用し、同じ div に background-color を指定します。

.icon {
    width:40px;
    height:40px;
    background-image:url('../images/ico.png');
    background-color:#999999;
}

これは通常は問題なく動作するため、これで何が起こっているのかわかりません。最新バージョンの Chrome で、Mac と PC で (それぞれ) 表示されるスクリーン ショットを次に示します。

マックここに画像の説明を入力

パソコンここに画像の説明を入力

編集:これは、私が抱えている問題を示す、サイトの簡素化されたバージョンです:

私はフィドルを作ってみました（とにかくここにあります）が、フィドルはクロムで完全に表示されますが、実際のサイトでは表示されません。私はこれや何かにパーセンテージを使用しておらず、背景にネイティブサイズを使用しています - 他の誰かがこの問題を抱えていますか?

4

2 に答える 2

1

あなたが .info に持っている変換は、それをいじっているものです。パーセンテージを使用する代わりに、次のことを試してください。

    .info{
        transform: translate(0px,-3px);
于 2014-12-12T17:02:08.643 に答える