CSS の背景のグラデーションがページ全体をカバーしません (スクロール可能なコンテンツを含む)

HTML ドキュメントの CSS 背景のグラデーションで問題が発生しています。線形グラデーションを背景として使用し、body要素に設定するページをデザインしました。私が直面している問題は、スクロールするコンテンツがまだあるにもかかわらず、グラデーションが最初に画面が終了する場所で終わっているように見えることです。したがって、下にスクロールすると、グラデーションの 2 番目のインスタンスが最初から始まっているように見えます。これは私の現在の CSS (SCSS) コードです: @importurl('https://fonts.googleapis.com/css2?family=Poppins...

P粉506963842 2023-09-12 13:20:09 0  2  724

CSS3 トランジションを使用してグラデーション背景を強化する

CSSを使用してサムネイル画像にトランジションを作成し、ホバー時に背景がフェードインするようにしようとしています。変換は機能しませんが、rgba() 値に変更するだけでうまく機能します。グラデーションには対応してないのでしょうか？画像を使用してみましたが、画像も変換されません。別の投稿で誰かがそれを行っているので、これが可能であることはわかっていますが、正確な方法はわかりません。ヘルプ > 使用できる CSS は次のとおりです: #containerdiva{-webkit-transition:backgrou

P粉955063662 2023-10-12 18:05:11 0  2  659

グラデーションの背景で CSS3 トランジションを使用する

CSSを使用してサムネイル画像にトランジションを作成し、ホバー時に背景がフェードインするようにしようとしています。変換は機能しませんが、rgba() 値に変更するだけで正常に機能します。グラデーションには対応してないのでしょうか？画像を使用してみましたが、画像も変換されません。別の投稿で誰かがそれを行っているので、これが可能であることはわかっていますが、正確な方法はわかりません。ヘルプ > 使用できる CSS は次のとおりです: #containerdiva{-webkit-transition:background0。

P粉217629009 2023-08-23 21:25:42 0  2  674

エラー: 例外をスローする必須モジュール: 不変違反: 'background' 'background' は有効なスタイル属性ではありません

ZEGCLOUDの1対1の音声通話を実装しています。このエラーが発生しました。エラー: モジュール 'node_modules@zegocloud\zego-uikit-prebuilt-call-rn\lib\commonjs\index.js' が必要です。例外がスローされます: 不変違反: 'background' は有効なスタイル属性ではありません。 CallScreen コード。ここで私が間違っていることは何ですか。ノードモジュールについても調べてみました。 audioVideoViewSubConta のスタイルが見つかりませんでした

P粉245489391 2024-02-17 16:25:47 0  1  482

JavaScript - echartsのヒストグラムのグラデーションカラーの問題

echartsのヒストグラムではグラデーションカラー効果を実現できますが、次のようなグラデーションカラー効果は実現できますか? お答えください。つまり、斜めのグラデーションカラー

三叔 2017-06-12 09:30:45 0  1  970

CSS を使用してブロックの端をフェザリングする方法を学びます

ボックスの端にぼかし効果を持たせるように CSS を変更するにはどうすればよいですか?ボックスの背景に曇りガラスの効果を持たせ、周囲の鋭いエッジの代わりに徐々に背景に溶け込むぼかし効果を持たせたいのですが、現在の CSS を変更する方法がわかりません。ご協力をよろしくお願いいたします。 .wrap{位置:相対;幅:100%;高さ:100vh;背景画像:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07 0  1  743

ストローク効果のあるSVGグラデーション

このコードを見つけました<svgxmlns="http://www.w3.org/2000/svg"viewBox="-1-13434"><circlecx="16"cy="16"r="15.9155"class="プログレスバー__背景"/&

P粉193307465 2023-08-29 09:30:52 0  1  560

スクロール可能なグラデーション チャット バブル

この例に示すように、下のグラデーションでスクロールすると変化するグラデーションを持つチャット バブルの白いコンテナーが必要です: ルートの背景が見えるように、chatBubble の背後にある .container の部分を透明にしてみました。 .root{背景色:線形グラデーション(赤、黄);幅:100vw;高さ:100vh;}.container{幅:100%;高さ:

P粉197639753 2023-09-01 11:52:18 0  2  685

境界線のグラデーションは境界線の半径と互換性がありますか?

丸い境界線 (border-radius) を使用して入力ボックスをスタイルし、境界線にグラデーション効果を追加しようとしています。グラデーションと丸い境界線は正常に作成できますが、両方を同時に作成することはできません。丸い角はあるがグラデーションがない、またはグラデーションはあるが丸い角がないかのどちらかです。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38 0  2  520

CSS 表示プロパティのグラデーション効果

私は現在、CSS の「スーパー ドロップダウン」を設計しています。基本的には通常の純粋な CSS ドロップダウンですが、その中にはさまざまな種類のコンテンツが含まれています。現在、CSS3 トランジション効果は「display」プロパティには適用されないようです。つまり、display:none から display:block (または任意の組み合わせ) にトランジションする方法がありません。上の例では、誰かが一番上のメニュー項目にカーソルを置いたときに、2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性でトランジション効果を使用できることはわ...

P粉608647033 2023-08-21 11:08:32 0  2  606

javascript - vue2.0の子コンポーネントはデータを親コンポーネントに渡すだけですか?

これが親コンポーネント、これがサブコンポーネントです。効果を説明します。「All」、「Recommend」、「Tucao」をクリックして selectType の値を変更し、選択したボタンの背景を切り替えます。 「チェックマーク」をクリックして選択を表示し、選択を解除すると、サブコンポーネントの selectType とonlyContent の 2 つの値が表示されます...

给我你的怀抱 2017-05-19 10:34:07 0  2  804

線形グラデーションが明るい/暗いテーマの変数で機能しない

私は個人の Web サイト - https://cooperativedoilylivedistro.elliott23.repl.co - に取り組んでいます。好みに応じて明るいテーマと暗いテーマがあります。問題は、線形グラデーションを変数に設定すると機能せず、背景全体が白になってしまうことです。それがHTML、CSS、JSです。何が起こっているのか知りたい場合は、ブラウザで Web サイトをチェックしてください。 <!DOCTYPEhtml><htmllang="en"&

P粉190443691 2024-03-29 13:28:10 0  1  382

フェードイン/フェードアウトトランジションを備えた CSS マーキー

右端からフェードインし、左端からフェードアウトするテキストを含むCSSマーキーを作成しようとしています。文字の端だけが透明になります。これを「不透明マスク」と呼び、左右の端にぼかします。 CSS マーキーのコード例は見つかりますが、このようなフェードイン/フェードアウト効果を備えたものはありません。また、背景を完全に透明にして、テキストのみにエッジ効果を持たせたいと考えています。コンテナにグラデーションを追加しようとしましたが、後から考えると、それは正しいパスではないようです。以下は私がこれまでに思いついたコードです。助けてください、ありがとう！ @BernardBorg: 2 番目の新しい例...

P粉659516906 2024-03-27 21:24:13 0  2  578

JavaScript - ::selection の前に ID を追加した後にテキストの背景色を選択する方法、ブラウザと互換性を持たせる方法は?

テキストの背景色を選択してください {code...} &lt;html id="c-1"&gt; の場合、 {code...} は Firefox でのみ動作し、Google Chrome では動作しません。 {code...} を試してみました。 }も役に立ちません。期待される効果は、HTML 内の ID を置き換えるときに、選択したテキストの背景色も置き換えられることです。

给我你的怀抱 2017-05-19 10:36:57 0  2  667

vue.js - weex に背景画像属性がない場合はどうすればよいですか?

背景の高さは決定できますが、背景の幅は表示されるデータの幅に基づいて決定されます。背景画像を使用せずにこの効果をどのように実現できるでしょうか?

滿天的星座 2017-06-22 11:53:32 0  2  1567

React で echarts-gl を使用する方法???

npmはechartsとecharts-glをインストールしますが、効果はありませんか? ? ?背景などは紹介していますが、地球には該当するエフェクトがありません 通常のエフェクトについては http://gallery.echartsjs.com/ をご覧ください...コードは以下の通りです

巴扎黑 2017-06-12 09:29:05 0  1  1006

css - Angular2 でルーティングせずに複数のボタンの切り替え効果を実現するにはどうすればよいですか?

ルーティングせずにボタンをクリックすると、現在のボタンの背景色が青になり、他のボタンの背景色は灰色のままになるという効果を実現するにはどうすればよいですか?

漂亮男人 2017-05-15 17:13:11 0  3  816