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

CSSのみを使用して、 background、要素のを半透明にし、要素のコンテンツ（テキストと画像）を不透明にすることはできますか？ テキストと背景を2つの別個の要素として使用せずに、これを実現したいと考えています。 しようとすると： p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { color: white; filter: alpha(opacity=100); opacity: 1; } <p> <span>Hello world</span> </p> コードスニペットを実行するHide resultsスニペットを展開 子要素は親の不透明度の影響を受けているように見えるため、親のopacity:1に対して相対的opacity:0.6です。

2283 html  css  opacity 

CSSトランジションを使用して、ページの読み込み時にテキスト段落をフェードインできますか？ 私はそれがhttp://dotmailapp.com/でどのように見えるか本当に気に入っており、CSSを使用して同様の効果を使用したいと思います。このドメインは購入されており、言及された効果はありません。アーカイブされたコピーは、Wayback Machineで表示できます。 図 このマークアップがある： <div id="test"> <p>​This is a test</p> </div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 次のCSSルールの場合： #test p { opacity: 0; margin-top: 25px; font-size: 21px; text-align: center; -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; -o-transition: opacity 2s ease-in; -ms-transition: opacity 2s ease-in; transition: opacity 2s ease-in; }​ ロード時に遷移をトリガーするにはどうすればよいですか？

442 css  css-transitions  opacity 

このようなもので要素の境界線を半透明にする簡単なCSS方法はありますか？ border-opacity: 0.7; そうでない場合、誰かが画像を使用せずにどうすればいいのか考えていますか？

409 css  opacity 

現在、私はこのコードを持っています： @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } 点滅しますが、「一方向」にしか点滅しません。つまり、フェードアウトするだけで、で戻って表示されopacity: 1.0、その後再びフェードアウトし、再び表示されます... フェードアウトしてから、このフェードから再び「上昇」させて、に戻しopacity: 1.0ます。それは可能ですか？

288 html  css  css-animations  opacity 

子要素の不透明度に影響を与えずに背景画像の不透明度を設定することは可能ですか？ 例 フッターのすべてのリンクにはカスタムの箇条書き（背景画像）が必要であり、カスタムの箇条書きの不透明度は50％にする必要があります。 HTML <div id="footer"> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul> </div> CSS #footer ul li { background: url(/images/arrow.png) no-repeat 0 50%; } 私が試したこと リストアイテムの不透明度を50％に設定してみましたが、リンクテキストの不透明度も50％になり、子要素の不透明度をリセットする方法がないようです。 #footer ul li { background: url(/images/arrow.png) no-repeat 0 50%; /* will also set …

214 css  opacity 

次のようなボタンがあります。 <Button android:text="Submit" android:id="@+id/Button01" android:layout_width="fill_parent" android:layout_height="wrap_content"> </Button> 私のonCreate()イベントでは、次のようにButton01を呼び出しています。 setContentView(R.layout.main); View Button01 = this.findViewById(R.id.Button01); Button01.setOnClickListener(this); アプリケーションに背景があり、この送信ボタンに不透明度を設定したい。このビューの不透明度を設定するにはどうすればよいですか？Java側で設定できるものですか、それともmain.xmlファイルで設定できますか？ Java側で試してみButton01.mutate().SetAlpha(100)ましたが、エラーが発生しました。

211 android  button  view  opacity 

HTML5の使用 <canvas>要素、画像ファイル（PNG、JPEGなど）をロードし、キャンバスに完全に透過的に描画してから、フェードインします。画像をロードして描画する方法を理解しました。キャンバスですが、一度描画されたときに不透明度を変更する方法がわかりません。 ここに私がこれまでに持っているコードがあります： var canvas = document.getElementById('myCanvas'); if (canvas.getContext) { var c = canvas.getContext('2d'); c.globalAlpha = 0; var img = new Image(); img.onload = function() { c.drawImage(img, 0, 0); } img.src = 'image.jpg'; } 設定するプロパティや、不透明度を変更するために呼び出す関数など、誰かが私を正しい方向に向けてくれますか？

196 html  canvas  transparency  opacity  alpha 

LESSを使用すると、色変数の彩度または色合いを変更できることがわかります。これは次のようになります。 background: lighten(@blue, 20%); ただし、色のアルファ不透明度を変更したいのですが。できればこのように： background: alpha(@blue, 20%); LESSでこれを行う簡単な方法はありますか？

171 css  variables  less  opacity  alpha 

CSSを使用してjQueryスライドダウンセクションのトリガーテキストを示しています。つまり、トリガーテキストにカーソルを合わせると、カーソルがポインターに変わり、トリガーテキストの不透明度が低下して、テキストにクリックアクションがあることが示されます。 。 これはFirefoxとChromeでは問題なく動作しますが、IE8では不透明度は変わりません。 さまざまなCSS設定を試しましたが、成功しませんでした。 例えば HTML： <h3 class="slidedownTrigger">This is the trigger text</h3> CSS： .slidedownTrigger { cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -khtml-opacity: 0.75; -moz-opacity: 0.75; opacity: 0.75; } IEが不透明度を変更するのを止めているのは何ですか？注：私はこれをさまざまな異なる要素で試し、CSSステートメントの順序を入れ替え、IEのものだけを使用しました。私も使ってみました -ms-filter: "alpha(opacity=75)"; しかし、成功しませんでした。 IE8で不透明度の変更を機能させるために必要なものが不足しています。 何か案は？

143 css  internet-explorer-8  opacity 

IE 8に含まれている要素に影響を与えずにdivの背景の不透明度を設定したいのですが、解決策があります。動的不透明度を使用しているため、1 x 1 .png画像を設定してその画像の不透明度を設定しても応答しません。それ 私はそれを使用しましたが、IE 8では動作しませんでした #alpha { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } そして rgba(0,0,0,0.3) また。

112 css  internet-explorer-8  opacity 

私はHTML / CSSに非常に慣れていないので、一部のテキストを50％透明のように表示しようとしています。これまでのところ、テキストを完全に不透明に表示するHTMLがあります。 <html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html> ただし、不透明度を変更する方法がわかりません。オンラインで調べてみましたが、見つけたコードをどう処理すればよいかわかりません。

112 html  css  opacity 

テキストが含まれている要素があります。不透明度を下げるたびに、WHOLEボディの不透明度を下げます。background-image他のすべてではなく、単に暗くする方法はありますか？ background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');

99 html  css  opacity 

ここの私のページに問題があるようです：http： //www.lonewulf.eu サムネイルにカーソルを合わせると、画像が少し右に移動し、Chromeでのみ発生します。 私のCSS： .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; display:block; }

92 css  image  google-chrome  hover  opacity 

だから私は問題を抱えています。私は周りを見回しましたが、運がありません。体の背景を透明にしたいのですが、テキストは透明にしません。今のところ、私は両方を同じ不透明度にし続けています。これが私のコードです： @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: #42413C; margin: 0; padding: 0; color: #000; } /* ~~ Element/tag selectors ~~ */ ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px; opacity:1; …

86 html  css  text  opacity 

UIImageViewでこれを実行できることは知っていますが、UIImageで実行できますか？UIImageViewのアニメーション画像の配列プロパティを同じ画像の配列にしたいのですが、不透明度が異なります。考え？

81 ios  uiimageview  uiimage  opacity  alpha