Firefoxのアドオンやウェブデザインの背後にある画像を表示する方法はありますか？

Question

私はイラストレーターで行われたデザインを持っており、イメージとしてエクスポートしました。 私は、画像を背景として持つことができずに退色したいと考えています。だから私はhtmlとcssをやっている間、私はイメージが述べたとおりにすべてを正確に位置付けることができます。私は背景としてイメージを設定しようとしましたが、そのようにしようとしていますが、バックグラウンドはコンテンツに干渉し、何をしているのか分かりません。

Answer 1

CSS opacityを背景画像に設定できます。

Firefox、Safari、ほとんどのブラウザはopacityというプロパティを使用し、IEはfilter:alpha(opacity)を使用します。次

body { 
     background-image: url('path_to_image.jpg'); 
     opacity : 0.4; 
     filter: alpha(opacity=40); 
    } 

Answer 2

Pixel Perfectアドオンのようなものは、あなたがイメージに合わせて、正しくページのビットを比較して並べることができるようにあなたが透明画像をオーバーレイすることができ、あなたが欲しいものを行います。