2010-12-13 5 views
2

背景色を変更することは可能ですか?最初のアイコンthis site(CSS3)、またはWebKitのCSS拡張?CSS3でimgのスタイルを設定するには

私はこれが初めてで、助けていただければ幸いです。リンクや例は素晴らしいでしょう。

ありがとうございます。

+0

アイコンをスタイリングすることで意味することの例を挙げてください。あなたはその色を変えたいですか?その大きさ? –

+0

Aha!ゴチャ、元気です。 –

+0

また、-webkitマスク(非常にまばらなドキュメントです)を試すこともできます –

答えて

0

その後、あなたのようなイメージの後ろにCSSの背景色を設定することができ、

img { 
    background-color: #FF00FF; 
} 
+0

これは実際には機能しません。あなたは白い背景を得て、その上に画像(黒い背景を持つ)を置き、白い背景を完全に隠します。その宣言はイメージ自体に何の影響も与えません。 –

+0

画像に透明度が100%未満に設定されている場合は、 – Thariama

+0

が確実に表示されます。リンクされた画像の例だけです。 –

0

はい、css3で画像をスタイルできます。しかし、何かが、あなたが質問することを、それがどのように見えることを、実際に、より具体的な..ですアイコン画像は透明な背景を持っていた場合

1

を試してみて私に語りましたこれは:

残念ながら、画像の色を変更できるCSS 3(またはWebKitのCSS拡張機能)はありません。

2

イメージをスタイルすることはできますが、CSS3ではアイコンの色を変更することはできませんが、ブレンドモードが必要です。

あなたはこれを達成するための使用https://github.com/Phrogz/context-blender

// Color 

var over = someCanvas.getContext('2d'); 

// Icon 
var under = anotherCanvas.getContext('2d'); 

over.blendOnto(under, 'screen', {destX:30,destY:15}); 

HTML5キャンバスでこれを達成することができます。

関連する問題