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

nginx は静的ページを提供するために直接応答できますか? 長い間設定が失敗してきたのはなぜですか?

背景: 最近、何かを書いてオンラインに公開したいと思いました。ドメイン名と vps を購入し、vps 上に ngxin サーバーをセットアップしました。最も単純な静的ページから始めたかったので、静的ページのインデックスを作成しました。 html. FTP で /home/peng/var/www ディレクトリにアップロードし、nginx.co... を使用します。

给我你的怀抱 2017-05-16 17:20:49 0  4  585

JavaScript - ラジオボタンの問題に関して、私は初心者なので、誰かが私を助けてくれることを願っています。

ボタンが4つあり、ボタンをクリックすると選択状態となり、背景画像が変更されるイベントページを作成したいと考えています。次をクリックしたときに前の状態に戻す方法。

PHP中文网 2017-05-24 11:36:42 0  4  728

モーダルが開いているときにスクロールを無効にする方法 - フルページ JS

私がやりたいのは、モーダルが開いているときにページ全体のJavaScriptスクロールを無効にすることです。問題は、モーダルを開いてスクロールしようとすると、実際の Web ページであるコンテンツがモーダルの背後に移動するため、これを無効にしたいということです。モーダルを開いたとき、背景は固定されているはずです。オープンモーダルボックス × 当社では木工に対する情熱を持っており、それはすべての製造およびインテリア デザイン プロジェクトに表れています。弊社は、機能的であるだけでなく美しい $(document).r のカスタム木製家具、備品、アクセントの製作を専門としています。

P粉090087228 2023-08-18 00:15:20 0  1  558

html - CSS ナビゲーション バーがぼやけ、ナビゲーション バーが固定され、ページがスライドすると下のページがぼやけます。これを実現するにはどうすればよいですか?

インターネットで長時間検索した結果、以下のページに動的に影響を与えてぼやける解決策が見つかりませんでした。これはステーション b のブラー エフェクトです。静的です。原理は 2 つの同一の画像を使用し、一方の一部をぼかし、もう一方とマージすることです。私のアイデアは、AE と同様の調整レイヤーにガウスぼかしを追加して、下のレイヤーに実際の効果を与えることです...

大家讲道理 2017-05-24 11:36:02 0  2  1125

React モードで垂直スクロールできない

React プロジェクトでモーダルを表示しようとしています。モーダルが表示されているときは、useEffect によって本文のオーバーフローを非表示に設定します (そうでない場合は、モーダルの下にメイン コンテンツのスクロールバーが表示されます)。背景コンテンツのスクロールを防ぐには完璧に機能しますが、問題はモーダルでもスクロールできないことです。メインページのコードは次のとおりです: importReact,{useState}from"react";import{render}from"react-dom";imp

P粉760675452 2023-09-16 11:18:16 0  1  1112

JavaScript - フロントエンド URL の背景色を動的に取得する方法

1. 要件は URL を入力することであり、フロントエンドは対応する URL のメインの背景色を取得できます 2. フロントエンドがどう見てもこの要件を満たすことができません 3.いくつかのアイデアを求めています。

我想大声告诉你 2017-05-19 10:35:50 0  3  615

メディアサイズに基づいてビデオ表示を自動的に調整します

Web ページで背景ビデオを実行することを計画しており、モバイルとデスクトップ用に異なるビデオ ファイルがあります。 I<videoautoplayloopmutedplaysinline><sourcesrc="desktop.mp4"type="video/mp4"><sourcesrc="desktop.webm"type="video/we

P粉807239416 2023-08-25 10:29:52 0  1  551

スクロール背景画像の不透明度を下げ、最小不透明度を制限します

背景画像を取得して、スクロール時に不透明度を下げ、ランディングページから離れると、vanillajavascriptを使用して不透明度を最小値0.5に下げようとしています。スクロール関数に Math.max() を追加して 0.5 まで下げようとしましたが、すべてのページで画像が 0.5 のままになります。ランディング ページの不透明度を常に 1 にし、他のすべてのページの不透明度を 0.5 にしたいと考えています。スクロールをアニメーション化することはできますが、0.5 で停止する必要があります。 constlandingHeight=document.getElementByI

P粉166675898 2024-04-04 23:50:53 0  1  1509

ナビゲーションバー、メインコンテンツ、フッターを中央に配置する方法

私はネットワークコーディングの分野にはあまり慣れていないので、助けが必要です。私は地元のスポーツ チームの Web ページを作成しています。その Web ページの見栄えはそれほど良くなく、WordPress はあまり使いやすいものではないため、自分でコーディングしてみるほうが簡単かもしれないと考えました。ページ上のナビゲーション バー、メイン コンテンツ、フッターに入ることができません。ナビゲーション バー、メイン コンテンツ、フッターを幅 80% だけで入力して、背景にスポーツ チームのアスリートの写真が表示されるようにしたいと考えています) #footerWrapper{max-width...

P粉165823783 2023-09-16 13:52:33 0  1  1226

CSSアニメーションは消えません

ホバーすると背景画像がフェードインおよびフェードアウトするという単純なアニメーションの問題を解決しようとしています。キーフレームを定義したにもかかわらず、Web ブラウザにはそれが未定義として表示されます: .elementor-section.elementor-element.core-range>.elementor-container:hover.product-image::before{animation:coreRangeBackground0.3sease-in -out0。

P粉352408038 2023-08-18 16:45:01 0  1  593

jqueryを使用してCSSファイルの静的色を動的に変更する

複数のボタンがあり、bg というクラスがあります。 CSS ファイルで bg クラスのスタイルを設定しますが、同時に JS ファイルからその色を動的に変更できるようにしたいと考えています。背景は 1 色だけですが、必要に応じてさまざまな色を作成できます。たとえば、カラー コードは API から取得されます (test1 は赤、test2 は黄色など)。思いついたコードは何でも使いたい。たとえば、test2 ページに移動すると、背景が黄色になります。 CSSファイルにクラスtest1とtest2を作成することでそれを行うことができますが、何百ものクラスがある可能性があるため役に立ちません

P粉459440991 2024-03-19 23:24:43 0  1  395

特定のキーの空の HTML の背景色 (緑/赤) を変更するにはどうすればよいですか?

特定のボタン（文字 A など）が押されたときに HTML の背景色を変更する方法についての解決策を持っている人はいますか。ボタンを押すたびに、色が別の色 (赤から緑、または緑から赤) に切り替わり、そのままになります。しかし、良い点は、Web ブラウザーに集中していないときにも機能するため、ブラウザーを通じて他のアプリを使用しているときにも機能することです。初心者の質問と言葉の壁について申し訳ありません。お返事ありがとうございます。このリンクに似ていますが、キーは次のとおりです: ボタンを 1 つだけ使用してさまざまな背景色を変更する方法

P粉211273535 2023-09-07 10:08:19 0  2  661

デバイスの表示モードが暗い場合に、Flutter Web アプリでテキストの色を黒に設定するにはどうすればよいですか?

Flutter で Web アプリを作成しましたが、期待どおりに動作しますが、一部のモバイル デバイス (特に Samsung デバイスのデフォルトのブラウザ、Chrome では正常に動作します) で問題が発生します。ログインページでは、ページの背景色が白、テキストフォームフィールドのテキスト色が黒ですが、テキストフォームフィールドに入力しようとすると、白で表示されます（デバイスの表示テーマがダークの場合）。黒をハードコーディングしようとしましたが、ダークテーマでは機能しません。また、マテリアルアプリの下にテーマを適用しようとしましたが、何も機能しませんでした。

P粉216807924 2023-09-11 20:16:42 0  1  598

ブラウザが HTML 要素をレンダリングしようとする前に、HTML 要素をスクランブルします。これは「document.write」のまれな有効な使用例ですか?

Web ページにヘッダー領域があり、そこをループする背景画像がいくつかあります。これらは少し解像度が高く、スクロールせずに見える範囲にあるため、ブラウザーが最初の画像以外の画像の読み込みを開始しないようにします。しかし、画像の順序もランダム化したいと考えています。問題は、静的 Web ホスト (Netlify) を使用していることです。私が検討したいくつかのアプローチ: 通常どおり要素をドキュメントに配置し、JavaScript を使用して要素をクエリし、順序をランダム化します。ブラウザが HTML に到着した最初の画像の読み込みを開始し、その後ランダムに画像を取得すると思うので、気が進まない...

P粉752290033 2024-01-10 18:07:41 0  1  502

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  908

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  791

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  669

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  642

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1062