F12 を使用せずに CSS 背景画像のスライド効果を実現するにはどうすればよいですか?

現在CSSとHTMLを使ってWebサイトを作ろうとしているのですが、背景画像をスライドさせたり動かしたりすることができません。 VisualStudioCodeを使用しており、Googleでコードを実行しましたが動きませんが、F12を押してデバッグすると動きますか？ ！これは私のコードです: body{background-color:black;margin:0;padding:0;background-image:url("正しい URL があります。

P粉903969231 2023-08-14 19:47:48 0  1  656

Next.jsを使用して背景画像を設定するにはどうすればよいですか?

Next.jsを使用して背景画像を設定しようとしましたが、できませんでした。これではうまくいきません。画像は表示されません: //globals.cssbody{background:url("/images/grid.svg")repeat;} 次のようにページ全体で背景画像を繰り返し表示したいのですが、どう設定すればよいですか?よろしくお願いします！

P粉725827686 2023-09-09 12:39:05 0  1  540

JavaScript - PC 上で画像をさまざまな解像度に適応させるにはどうすればよいですか?

背景画像を高解像度と低解像度に適応させるにはどうすればよいですか?

習慣沉默 2017-06-29 10:10:05 0  3  874

JavaScript - モバイル端末への影響は小さい

下にスクロールすると、背景画像が縮小します。 質問: このアニメーションをよりスムーズに作成するにはどうすればよいですか (モバイル版)?

过去多啦不再A梦 2017-05-16 13:25:36 0  2  819

iPadでは背景画像を表示できません。

ナビゲーション バーの下に背景画像を配置しました。下にスクロールすると、ナビゲーション バーも一緒に下に移動します。しかし、iPad で表示すると、背景画像が黒に近い濃い青に見えます。背景__image {幅: 100%; 背景画像: url("https://background-image.jpg"); bac

P粉879517403 2023-07-25 11:58:00 0  1  707

高さ 100vh の背景画像の中央に div を配置します

私は上部に固定位置のナビゲーション バーがあるコースに取り組んでいます。背景の高さは 100vh に設定され、テキスト コンテンツを含む div は背景の中央にあります。 Flexbox を使用するとほぼ中央に配置されますが、実際に背景の中央に配置するには、その div の高さを高さの 100% に設定する必要があります。フレックスボックスとビューポートの高さについてはある程度知っていますが、ダイブを真に中央に配置するには、なぜ div の高さを 100% に設定する必要があるのか​​混乱しています。私が求めていることを再現するには、ここに背景として任意の画像を配置できると思います。私がここに...

P粉006847750 2024-02-17 12:39:44 0  1  397

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

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

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

HTML コンテナのサイズを動的に変更するにはどうすればよいですか?

ウィンドウに合わせてサイズを動的に変更する背景であるコンテナ div があります。そのコンテナ内に画像 div があり、背景コンテナを使用してそのサイズを変更したいと考えています。高さと幅のパーセンテージを使用しても、動的にサイズを変更できないようです。誰か私を正しい方向に導いてもらえますか？ @importurl("https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700,800");*{box-sizi

P粉418214279 2024-04-03 20:38:38 0  1  401

ボタンの位置の問題 (CSS)

チェス盤をデザインしようとしていますが、Wh​​ite_Pawn7 が「次の行」に表示されるという問題に遭遇していますが、その理由がわかりません。チェスの駒を表示するために画像を使用し、チェス盤の背景を持つ div を作成しました。 ID は、このボタンの移動先をより適切にナビゲートできるように設計されています。最初の 6 つのポーンをコピーしようとしましたが、White_Pawn7 が次の行に移動します。使用した画像: ポーン: ポーン ホース: ホース スプリンター: スプリンター キング: キング クイーン: クイーン タワー/ルーク: ルーク ボード: ボード 使用してみました: to...

P粉793532469 2023-09-03 10:45:19 0  1  539

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

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

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

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

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

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

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

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

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

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

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

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  503

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  694

スペード、ダイヤモンド、ハート、クラブ => Android 版 Chrome ではスタイルのフォントの色が変更されない

Windows 上の Google Chrome では、カードのスーツのシンボル (スペード、ハート、ダイヤ、クラブ) は、「style」属性を使用して正しく色付けされます。残念ながら、Android 上の Google Chrome で表示される同じページには、私が定義した色は表示されず、デフォルトの黒と赤が使用されます。 (効果については添付の図を参照してください) HTML コード: (プロジェクトへのリンク https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html

P粉896751037 2023-09-05 15:25:13 0  1  752

mui TextFieldラベルを非表示にする方法は?

私は Nextjs アプリを開発しています。mui で構築されたダッシュボード ナビゲーション バーには、通常の HTML と CSS で構築された通知ボックスを開く通知が含まれています。 Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box";//...exportconstDashboardNavbar=(props

P粉239164234 2023-09-05 15:41:00 0  1  676