30

透明な領域に背景色を指定する PNG ファイルがありますが、背景色を不透明度のように少し透明にしたいと思います。これまでの私のコードは次のとおりです。

social img{
    opacity:0.5;
}
.social img:hover {
    opacity:1;
    background-color:black;
}
4

5 に答える 5

0

CSS を介して不透明度を追加することは、あまり良い考えではありません。
不透明度には、設定した場所からすべてのコンテンツとチャイルドに適用する面白い方法があり、色が混ざり合って予期しない結果が得られます。
私の意見では、背景色の場合、それは実際には目的がありません。
背景画像の上に置きたい場合は、複数の背景を使用できます。
この透明な色は追加の png の繰り返し (または background-position を使用しない) を介して適用できます
。CSS グラデーション(放射状)線形グラデーションと rgba 色(同じ色で開始および終了)もこれを実現できます。それらは背景画像として扱われ、フィルターとして使用できます。
テキストと同じです。少し透明にしたい場合は、rgba を使用します (テキストとシャドウを一緒に配置しても問題ありません)。

今日、CSS opacity のおかしな動作を削除できると思います。

興味がある場合は、不透明度に使用されるrgbaの混合物を次に示しますdabblet.com/gist/5685845

于 2013-06-02T17:00:27.040 に答える