問題タブ [opacity]

CSSに次のものがあるとします。

HTMLにID「topFrame」のdivを配置し、h1タグを使用してヘッダーを書き込もうとすると、ヘッダーは画像と同じくらい不透明になります（したがって、「目立つ」黒ではなく、鈍い灰色で表示されます。

ヘッダーを格納するための非表示のdivを作成せずに、画像を半透明に保ちながら、h1を不透明度の点で目立たせる方法はありますか（それが理にかなっている場合）？

Flash オブジェクトと、その上に絶対配置された HTML 要素を含む HTML ドキュメントがあります。HTML 要素のopacityCSS プロパティを 1 未満の任意の値に設定すると、(実際にカバーされている) Flash オブジェクトがマウス イベントを受け取ります。この問題は、純粋な HTML 要素では再現できません。さらに、Flash はホバーイベントしか受信しないため、レイヤーの下をクリックすることはできません。

問題のデモンストレーションをオンラインにしました。

Mac と Windows の両方で、Firefox 3.6、Safari 4.0、および Chrome 5.0 でこの動作が発生します。Flash プラグイン バージョン 10 がインストールされています。

それはバグですか、それとも通常の予想される動作ですか? 後者の場合、半透明のレイヤーで覆われているときに Flash がイベントを受信しないようにするにはどうすればよいですか?

少し前に作成したこのデモページをご覧ください。

http://www.s3maphor3.org/demo/hotbox/

これは、スペースキーを押したときにトリガーされるカスタムライトボックスです。それが機能する方法は非常に簡単です。ページには2つの非表示のdivがあります。1つはライトボックスのコンテンツ用で、もう1つは暗いレイヤー（不透明度70％）を保持します。暗くするレイヤーのz-indexは、ライトボックスのz-indexより1つ小さくなります。スペースキーを押すと、単純なjQueryスクリプトが両方のdivで.show（）を実行します。

このデモは正常に機能しますが、別のプロジェクトで使用したときに機能しなくなりました。IE7と8では70％の暗いレイヤーが表示されず、代わりに黒一色の背景が表示されます。動作する元のデモと他のプロジェクトで使用しているバージョンの違いを確認するために、何時間も費やしています。最終的に私はそれを釘付けにしました：違いはjQueryバージョンにあります。

元のデモではjQuery1.3.1を使用していますが、新しいプロジェクトではjQuery1.4.2を使用しています。新しいjQueryライブラリで何かが変更されたに違いありませんが、それを回避する方法と方法を見つけるのに苦労しています。私は1.3.1にとどまることができますが、最終的にはこれをなんとかして修正する必要があります。

に相当するものは何ですか

-mozで？

-webkitを-mozに置き換えてみましたが、何も起こりませんでした。-moz-transition-property / durationに拡張しようとしましたが、成功しませんでした。

ウィンドウがドラッグされたときに発生するイベントが WinForms にありますか?

または、私がやりたいことを行うためのより良い方法があります: ウィンドウがドラッグされているときにウィンドウの不透明度を 80% に下げることですか?

残念ながら、誰もがシェルやその他のオブジェクトからのドラッグ アンド ドロップを探しているため、これを検索するのはばかげてトリッキーです。

その中にコンテンツを含む要素があります。

要素（その内容を含む）は、左側が完全に不透明で、右側が完全に透明である必要があります。右から左に均等に等級分けされます。

マージするコンテンツと背景は固定されていないため、事前に画像を作成する方法はありません。

グラデーションを背景（-moz-linear-gradient）として使用できることは知っていますが、それは役に立ちません。ここでは、要素自体のコンテンツをフェードアウトする必要があります。

IE（Alpha Mask）とWebkit（image-mask）でこれを行うことができましたが、FFでは完全に困惑しています。

そこに方法があれば、SVGを使用してもかまいません。

助けてください？

バックグラウンド：

別のユーザー コントロール (以下のコードでは MyControl と呼ばれます) を含む WPF UserControl (MainControl - 以下のコードには示されていません) があります。

MainControl には、Project プロパティを持つオブジェクトに設定された DataContext があります。MainControl が読み込まれるとき、Project プロパティは常に null です。

問題：

MainControl が読み込まれるときに、特別なストーリーボードを使用して MyControl をフェードインしたいと考えています (この 1 回だけ使用されます (この「specialFadeInStoryboard」は MyControl の Opacity プロパティを 0 から 1 に変更します)。

Project-property が null 以外の値に設定されている場合、"fadeOutStoryboard" を使用して MyControl をフェードアウトさせ (MyControl の Opacity-property を 0 に変更)、その後 null に設定されている場合は再度フェードインしたい今回は「fadeInStoryboard」を使用します (MyControl の Opacity-property を 1 に変更します)。

ただし、「specialFadeInStoryboard」のコードを追加した後、MyControl は決してフェードアウトしません...

私は何を間違っていますか？

opacity親から子への継承を削除することは可能divですか?

例

アルファ チャネルを持つ PNG ファイルと同様に、部分的に透明または完全に透明なピクセルを含む JPEG イメージ ファイルを作成したいと考えています。これは可能ですか？もしそうなら、どうすればこれを行うことができますか？

画像をウェブサイトに使用したい。これを実行しようとすると、一般的なブラウザ (IE 7 以降、Firefox、Safari) の一部またはすべてで動作しますか? それが可能であると仮定すると、それはうまくいくでしょうか、またはそれを機能させるために必要なトリックやハックはありますか?

編集: 一部の返信では、これはできないと言っています。しかし、透明度のある JPEG 画像について説明しているこのページを見つけました。この形式でファイルを生成する便利な方法があるかどうかは誰にもわかりませんか? 広く支持されていますか？

GridWPF でa に不透明度を設定すると、すべての子要素がその を継承しているように見えOpacityます。子要素が親の不透明度を継承しないようにするにはどうすればよいですか?

たとえば、次の親グリッドには、背景が赤に設定された子グリッドが中央に 1 つありますが、親の不透明度のために背景がピンク色に見えます。子グリッドに単色の非透明な背景を持たせたい: