問題タブ [opacity]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
wpf - 正確な不透明マスク
WPF コントロールの一部を正確な位置で強調表示する不透明マスクを設定する必要があるとします ((50;50) の位置に 50x50 の正方形があるとします)。そのために、2 つの GeometryDrawing オブジェクトを含む DrawingGroup を作成します。コントロールの実際のサイズ全体を表す半透明の四角形が 1 つと、強調表示された領域を表す不透明な四角形が 1 つです。次に、この DrawingGroup から DrawingBrush を作成し、その Stretch プロパティを None に設定し、このブラシをマスクする必要があるコントロールの OpacityMask として設定します。
上記の制御の範囲外に「突き出ている」ものは何もありませんが、これはすべて正常に機能します。しかし、コントロールがその境界の外側に何かを描画すると、外側の点が不透明マスクが適用される開始点になり (ブラシがその側に配置されている場合)、マスク全体がその距離だけシフトし、予期しない動作が発生します。
コントロールの境界からマスクを強制的に適用する方法、または少なくともコントロールの実際の境界 (固着部分を含む) を取得する方法が見つからないように見えるので、それに応じてマスクを調整できます。
どんなアイデアでも大歓迎です!
更新:これは、問題を示す簡単なテスト ケース XAML とスクリーンショットです。
上記の正方形の最後のものには、2 つの入れ子になった Borders と Canvas があります。
外観は次のとおりです。
(出典: ailon.org )
次に、2 番目の境界線に OpacityMask を追加して、正方形を除くすべての部分が半透明になるようにします。
すべてが期待どおりに見えます:
(出典: ailon.org )
次に、境界線の左側に 10 ピクセルを突き出す線をキャンバスに追加します。
マスクは左に 10 ピクセルシフトします。
(出典: ailon.org )
Update2 : 回避策として、境界の外側に途方もなく大きな透明な四角形を追加し、それに応じてマスクを調整しますが、これは本当に厄介な回避策です。
Update3 : 注: 長方形と線を含むキャンバスは、境界の外側に何かがあるオブジェクトの例としてあります。このサンプルのコンテキストでは、ある種のブラック ボックスとして扱う必要があります。一般的な問題を解決するためにプロパティを変更することはできません。これは、はみ出さないように線を移動するのと同じです。
javascript - jQueryはIEで透過性をフェードアウトします
私はサイトで作業していて、いくつかの問題に遭遇しました。サイトはこちら
- 私は2つの部門を持っています。
.slide
と.cover
。
.cover
テキストと透明な背景を表示する上にカーソルを合わせると、フェードインおよびフェードアウトします。これは jQuery で行われ、透過性は CSS で行われます。
これはすべてのブラウザーで読み込み時に正常に機能しますが、スライドにカーソルを合わせてフェードインすると、背景の透明度が.cover
IE (6 7 および 8) では機能しません。css を試してみまし.cover:hover
たが、IE ハックとしては機能しません。
c# - WinFormsの不透明度の問題
こんにちは私はページの読み込みでフォームの不透明度を設定したいと思います。
このように不透明度を設定してみます
this.Opacity = 10; ページの負荷ではありますが、機能していません。
理由を教えてもらえますか
wpf - WPFMediaElementの透過的なavi
wpf-windowにmediaelementタグがあります。Windows XPのファイルコピーダイアログに似た、単純なアニメーションを再生しています。
アニメーションの背景は醜いピンク#FF00FFで、透明にしたいです。OpacityMask属性で色を設定しようとしましたが、色が残ります。ビデオから色を削除する方法について何かアイデアはありますか?
jquery - jQuery: IE で子要素が $('.parent_class') 不透明度効果で消える
私はこのhtmlを持っています:
いくつかのcssを使用:
この親子が一緒にフェードインして、不透明度:0.50 になるようにします。Firefox はこれを問題なく実行しますが、IE では問題が発生します。fadeIn() または fadeTo() を実行するか、単に .css('opacity','0.50') を親に適用すると、親はレンダリングされ、子はレンダリングされません。 t。
--> 親はフェード インしますが、子は表示されません。
--> 親が表示されますが、子は表示されません
--> 親は不透明に表示され、子は表示されません
--> 親と子は問題なく表示されます (ただし、アニメーションや透明度はありません)。私が行った場合
その後、親は効果を取得し、子は消えます。
親と子を一緒にアニメーション化し、不透明度プロパティを共有するにはどうすればよいですか?
jquery - InternetExplorerでのjQuery不透明度アニメーションの歪みの配置
不透明度プロパティとjQueryアニメーション関数を使用して、水平タブメニューにクリックのような効果を実装しようとしています。これを行うためのコードは次のとおりです。
Internet Explorer 7および6で問題が発生します。不透明度プロパティを使用してアニメーション化すると、水平メニューのタブが初期位置を失います。
私のウェブサイトにアクセスするには、ここをクリックしてください。問題を確認するには、[Contato]をクリックしてから、[Início]をクリックします(申し訳ありませんが、ポルトガル語で書かれていますが、バグが発生するのを確認できるはずです)。注意、これまで私はIE7 / IE6でのみこの問題を検出しました!
前もって感謝します!
wpf - DropShadowEffect の不透明度をアニメーション化する方法は?
次のスタイルを使用した境界線を持つ WPF プロジェクトがあります。計画は、マウスが境界線の上に移動するとグロー効果がフェードインし、境界を離れるとフェードアウトすることです。
問題は、何も起こらないことです。Storyboard TargetProperty で "DropShadowEffect" を "UIElement" に変更するとアニメーションは機能しますが、これによりコントロール全体がフェードします。
DropShadowEffect だけをフェードするにはどうすればよいですか?
css - Divの背景透明
一部のブロックにシャドウ効果を作成する必要があります。透明な画像の幅のグラデーションを暗い色から透明なものに取得し、別の div (幅 = 100; 繰り返し x) で使用します。しかし、この影の下には別の要素があり、それらは表示されず、その場所に白い領域だけが見えます。背景画像の透明部分を取得するにはどうすればよいですか?
transparency - 透過 GIF ヘルプ
背景が透けて見えるように、不透明度が 45% の色付きの画像を作成する必要がある Web サイトがあります。私の問題は、明らかな理由で .png を使用できないことです。gifを使用しました。サイトで入手したところ、不透明度は色まで読み取れましたが、透けて見えません。どうすればこれを実現できますか
編集
必要がなければ、IE6 ハックを使用したくありません。私が試した限り、スケーラブルなハックはありません。
jquery - Jqueryの不透明度の変更
私はこのコードを持っています:
したがって、マウスオーバーでポップすることを追加します。この div 内には a#delPic があります。div#editBar の不透明度を 0.5 に変更しましたが、a#delPic にも適用されます。それで、a#delPic の不透明度を 1 に戻したいのですが、どうすればよいですか? いくつかのバージョンを試しました。そのため、その ID をアンカーに配置してしまいましたが (直接選択しようとしました)、それでも機能しません。