タグ付けされた質問 「rgba」

次のSassミックスインがあります。これは、RGBaの例を半分完全に変更したものです。 @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } 私は$opacity大丈夫ですが、今は$color部品に行き詰まっています。ミックスインに送信する色はRGBではなくHEXになります。 私の使用例は： element { @include background-opacity(#333, .5); } このミックスイン内でHEX値を使用するにはどうすればよいですか？

213 css  sass  background-color  mixins  rgba 

私はあなたが書くことができることを知っています... background-color: #ff0000; ...あなたが赤い何かが欲しいなら。 そして、あなたは書くことができます... background-color: rgba(255, 0, 0, 0.5); ...何か赤く半透明にしたい場合。 部分的に透明な色を16進数で書く簡単な方法はありますか？私は次のようなものが欲しい： background-color: #ff000088; <--- the 88 is the alpha ...または... background-color: #ff0000 50%; すべての色を16進数で取得しているため、すべての色を10進数の0〜255のスケールに変換するのは面倒です。

199 css  colors  rgba 

16進数の色があります（例：（#F4F8FBまたはrgb(244, 248, 251)））、可能な限り透明な rgba色に変換したい（白で表示した場合）。理にかなっていますか？私はアルゴリズムを探しています。少なくとも、アルゴリズムのアイデアを探しています。 例えば： rgb( 128, 128, 255 ) --> rgba( 0, 0, 255, .5 ) rgb( 152, 177, 202 ) --> rgba( 50, 100, 150, .5 ) // can be better(lower alpha) アイデア？ Guffaの回答に基づくFYIソリューション： function RGBtoRGBA(r, g, b){ if((g == null) && (typeof r === 'string')){ var hex …

196 javascript  colors  css  rgba 

私はこのCSSを背景の不透明度に使用してい<div>ます： background: rgba(255, 255, 255, 0.3); Firefoxでは正常に機能しますが、IE 8では機能しません。どのように機能させるのですか？

110 css  internet-explorer-8  rgba 

のセットがあります <a>RGBAの背景色が異なるが、アルファは同じタグのます。rgba属性の不透明度のみを変更する単一のCSSスタイルを書くことは可能ですか？ コードの簡単な例： <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> そしてスタイル a {display: block; position: relative} .brown {position: absolute; bottom: 0; background-color: rgba(118,76,41,.8);} .green {position: absolute; bottom: 0; background-color: rgba(51,91,11,.8);} 私がやりたいの<a>は、がホバーされたときに不透明度を変更しながら、色を変更しない単一のスタイルを書くことです。 何かのようなもの a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}

100 css  hover  background-color  rgba 

PILを使用して、Djangoでアップロードされた透明なPNG画像をJPGファイルに変換しています。出力が壊れているように見えます。 ソースファイル コード Image.open(object.logo.path).save('/tmp/output.jpg', 'JPEG') または Image.open(object.logo.path).convert('RGB').save('/tmp/output.png') 結果 どちらの場合も、結果の画像は次のようになります。 これを修正する方法はありますか？以前は透明な背景であったところに白い背景が欲しいのですが。 解決 素晴らしい答えのおかげで、私は次の関数コレクションを思いつきました： import Image import numpy as np def alpha_to_color(image, color=(255, 255, 255)): """Set all fully transparent pixels of an RGBA image to the specified color. This is a very simple solution that might leave over some ugly edges, due …

96 python  png  jpeg  python-imaging-library  rgba 

これはコンパス101かもしれませんが、色のアルファ値を設定するミックスインを書いた人はいますか？理想的には、ミックスインに任意の形式の色定義を適用し、透明度を適用したいと思います。 @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( rgb(255,0,0), 0.5 ); //prints rgba(255, 0, 0, 0.5);

86 css  sass  compass-sass  rgba