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  725

グラデーションのある境界画像に境界半径を使用できますか?

円形の境界線（境界線の半径）を持つ入力フィールドを設計し、その境界線にグラデーションを追加しようとしています。グラデーションと円形の境界線は正常に作成できますが、どちらも連携できません。グラデーションのない丸い角、またはグラデーションはあるが角が丸い境界線のいずれかです。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ced9de))

P粉633733146 2023-08-29 12:52:01 0  2  587

このジュニアシスターミエジエの動画は、add.phpにログインせずに直接開かれないようにする処理を何もしていなかったのでしょうか？ ? ?ユーザーはログインせずにこのページを直接開いて生徒データを入力できます。

このジュニアシスターミエジエの動画は、add.phpにログインせずに直接開かれないようにする処理を何もしていなかったのでしょうか？ ? ?ユーザーはログインせずにこのページを直接開いて生徒データを入力できます。

喜欢灭绝师妹 2023-03-27 22:35:35 0  0  673

@Webmaster 多くのテキスト Web ページでコピーが無効になっているため、一部の Web リンクを直接クリックしてジャンプすることができません。

@Webmaster 多くのテキスト Web ページでコピーが無効になっているため、一部の Web リンクを直接クリックしてジャンプしたり、すぐにコピーしてジャンプしたりすることはできません。

极世 2017-12-04 21:34:53 0  2  1816

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

丸い境界線 (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  528

JavaScript - vue mobile プロジェクトのホームページに入った後、サブページに入るときに直接 Return キーを押すと、空白の状況が表示されます。

vue モバイル プロジェクトのホームページに入った後、サブページに入るときに直接 Return キーを押すと空白の状況が表示されます。同様の状況に遭遇した人はいますか?それを解決するにはどうすればよいでしょうか? 前の説明は十分に具体的ではありませんでした。ここで詳しく説明します。プロジェクトのアドレスは次のとおりです: wx.helpyoulove.com は WeChat から入力する必要があります。バグは Apple にあります...

某草草 2017-05-16 13:22:58 0  4  934

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

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

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

SVG または CSS を使用してハイブリッドの直線/曲線セクション境界を作成するにはどうすればよいですか?

私のアプリケーションでは、標準以外のセクション境界を持つ登録ページを作成しています。ここで私が何を達成しようとしているのかがわかります。これは単純な円弧ではありません。2 本の直線と、その間に 1 つの円弧があります。私の知る限り、このようなことを実現する最良の方法は SVG を使用することです。問題は、白い領域に領域全体を覆う画像が表示されてしまうことです。デモ用に、水色を使用します。背景画像属性を持つ標準の div を使用すると、SVG の白色は不透明になるため、次のようになります: 後で読むためのヒント sha

P粉920835423 2023-09-02 11:35:13 0  1  652

書き換えられたタイトルは次のとおりです: CSS 3 図形: 「Reverse Circle」または「Cut Circle」

「逆円」と表現される形状を作成したいと考えています。黒い線が div 要素の外側の境界線に沿って続く必要があるため、画像は多少不正確です。現在私が持っているデモは次のとおりです: http://jsfiddle.net/n9fTF/ 画像なしで CSS を使用することは可能ですか?

P粉979586159 2023-08-24 18:26:55 0  2  476

1 色で描かれたテキストからアニメーション化されたグラデーションにスムーズに移行することは可能ですか?

ページ上に白いテキストがあり、その下にボタンがあります。さらに、アニメーション化されたグラデーションがテキストを埋めるために適用されます。ボタンをクリックすると、-webkit-text-fill-color プロパティが透明になり、テキストの色がグラデーションに合わせて突然変わります。次のように: https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ 白からグラデーションへのスムーズな移行を実現することは可能ですか? (-webkit-text-fill-color 属性はトランジットを直接サポートしません

P粉762447363 2023-09-16 09:22:05 0  1  842

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

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

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

javascript - キャンバスで半透明のモザイクを描画するのに役立ちますか?

私の要件は、ユーザーがマウスを使用してアップロードされたドキュメントをモザイクできるようにすることです。私のアイデアは、マウス イベントをキャンバスにバインドし、ユーザーがマウスを押したパスに沿ってドキュメント上に半透明の png を描画することです。今は半透明を使用したくありません。 PNG オーバーレイ、キャンバスを直接使用してマルセイユを生成したい...

仅有的幸福 2017-06-07 09:24:40 0  1  927

-webkit-mask内でRadial-gradientを使用して3つの透明な穴を作成しますが、画像は保持します

私はプロジェクトに取り組んでおり、透明にするために境界線にランダムな穴を3つ開ける必要があるdivを作成する必要があります。私が直面している問題は、2つの穴に対して、放射状のグラデーションで -webkit-mask を使用して、20ピクセルの2つの透明な穴を作成していることです。私の質問は、3番目の穴を作成しようとするとき、これを行う方法を知っている人はいますか? <divid="pulseAd"class="fadeInUpanimated"style="表示

P粉810050669 2023-09-02 21:32:42 0  2  691

android - Android アクティビティには、一番上にないコントロールが表示されます

グラデーションのタイトルバーを作成したところ、スタートアップページからホームページに移動すると、バナーバーの下のリストが直接表示され、バナーバーを一番上に絞り込んで手動で上にスワイプすると表示されることがわかりました。最上位のコントロールを強制的に表示する方法はありますか?

过去多啦不再A梦 2017-06-29 10:09:38 0  1  939

フロントエンドで画像を切り取る方法を知っており、PHP ウェブサイト開発を学びたいのですが、北京の第一線の PHP 教育機関の物理的な授業の完全な授業ビデオをお願いしたいと思っています。

フロントエンドで画像を切り取る方法を知っており、PHP ウェブサイト開発を学びたいのですが、北京の第一線の PHP 教育機関の物理的な授業の完全な授業ビデオをお願いしたいと思っています。以前、施設で前切りを学び、カッターになったのですが、技術的な内容があまりなく、学歴も高くなく、仕事が終わってから独学で技術を学び続けていましたが、技術力がありませんでした。給料が上がって騎士になる効果があったので、夢だった進路を諦めて路上の焼きビーフン屋の店主になった今は特にPHPのWebサイト開発を体系的に学びたいと思っています。企業モール、コミュニティウェブサイト、農村農産物直売ウェブサイト 北京に第一線の...

. 2017-08-28 14:28:41 0  1  1415

JavaScript - ウィジェットを回転および移動するにはどうすればよいですか?

コンポーネントを選択した後に移動または回転する方法はありますか?たとえば、コンポーネントを選択した後、特定の軸に沿って角度だけ回転させますか、またはコンポーネントを選択した後、コンポーネントを別の位置に移動しますか?

PHPz 2017-05-19 10:10:06 0  1  530

ゲーム開発 - MVC でアニメーション (モデル) を理解するには?

MVC では、データはモデルに保存され、ビューはモデルのデータに従ってレンダリングされます。しかし、アニメーションの場合、グラデーション処理中にいくつかの状態が生成され、これらの状態は属しません。このために、MVC モデルはどのようにニーズを解決しますか?

巴扎黑 2017-05-16 17:06:27 0  1  485

createjsライブラリはes6環境では使用できません

createjs という非常に奇妙なツールを見つけました。npm で確認したところ、空のシェルで使用できませんでした。このファイルには this.createjs=... が直接書かれていました... include iife が入っていて、vue コンポーネントにインポートできなかったので、index.html に直接スクリプトを使わずにインポートしたかったのですが、es6 のせいで...

PHP中文网 2017-06-12 09:29:06 0  1  1041

ide - pycharm で Python を記述するときのように、from...impot... を使用するときにプロンプ​​トは表示されますか?これはPE8の規制に違反しますか?

Python は 2.7. たとえば、次のようにします: from defs import raiseApiEx as err. この行は直接灰色です. 以下で err を使用すると、直接波線でマークされます。以前のEclipseではそんなことはなかったのですが、pychramの方が構文検出が厳しいと聞いたのですが、defs importからは...

天蓬老师 2017-05-18 10:56:33 0  1  915

データベース「student.mdb」に接続するための OLE 接続文字列 (php) を書き出してください。

データベース「student.mdb」に接続するための OLE 接続文字列 (php) を書き出してください。助けてください。子供が復習中に夢中になっています。助けてください。子供が復習中に夢中になっています。助けてください。子供が夢中になっています。 、子供は狂ったように見直しています、助けてください、子供は狂ったように見直しています、助けてください、子供は狂ったように見直しています、助けてください、子供は狂ったように見直しています、助けてください、子供は見直しています狂ったように、助けてください、子供がレビューで気が狂いそうになっています、助けてください、子供がレビューで気が狂いそうになっ...

有为鱼 2019-01-08 14:19:58 0  0  1007