背景画像の設定、全画面表示、ページの背面に設定する方法（HTML、CSS、JavaScript）

作成中のこの単純なゲームに背景画像を設定したいのですが、画像を入力画面の中央に配置し、ページの高さと幅をすべてカバーする方法がわかりません。また、画像を背景にしてゲームを画像の上に置き、画像を一番下のレイヤーにしたいと考えています。 letcharacter=document.getElementById('character');letcharacterBottom=parseInt(window.getComputedStyle(character).getPr

P粉384244473 2024-03-22 09:53:51 0  2  440

html5 - 画像が変形しないように、背景画像を携帯電話の全画面表示 (コンテンツが比較的長く、スクロール バーがある) にするにはどうすればよいですか?

モバイル Web ページに背景画像が必要です。背景画像を変形せずに全画面表示するにはどうすればよいですか?今の設定だと背景が変形してしまいます！神様に聞いてください！

为情所困 2017-05-16 13:25:30 0  4  1190

JavaScript - ボディの背景画像をさまざまな解像度で全画面表示させるにはどうすればよいですか?解像度が低い場合は垂直スクロール バーがあり、追加のコンテンツには背景がありません。どうやって対処すればいいのでしょうか？

大きな画面解像度を使用している場合、背景は問題なく全画面表示されますが、小さな画面に切り替えると、スクロールするコンテンツに背景が表示されません。この問題はどうすれば解決できますか?コード：

黄舟 2017-05-19 10:30:07 0  2  678

画面サイズに合わせたボタンの作り方～背景画像の使い方を詳しく解説

私は、複数のグラフィックスを並べて表示し、デバイスの画面サイズに適応させる必要がある pfsensecaptiveportal を開発しています。これは、画像入力タイプを使用するとうまく実現できます。ただし、pfsense デバイスはこのコミットを正しく認識しません。機能するには、コミット タイプの値が「Continue」である必要があります。代わりに背景画像を使用しようとしましたが、背景画像が拡大縮小されません。画面が小さくなると、フルサイズで表示され、トリミングされて表示されます。背景画像のサイズを変更できるようにするにはどうすればよいですか? #コンテンツ{フォントファム

P粉345302753 2023-08-16 13:38:12 0  1  669

画像のパスをデータベースに保存したのですが、画像を最前面に表示するには背景のコードはどのように書けばよいでしょうか?アップロード機能ではなく、データベースから画像を取得して表示する機能です。前景。

画像のパスをデータベースに保存したのですが、画像を最前面に表示するには背景のコードはどのように書けばよいでしょうか?アップロード機能ではなく、データベースから画像を取得して表示する機能です。前景。

. 2018-05-01 12:32:43 0  3  2141

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

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

vim プラグイン - Mac で ITerm2 で VIm を起動した後に発生するギャップを削除する方法

写真のように、項目 2 に背景画像を設定したのですが、端に隙間ができてしまいます。これは、vim を liunx のように全画面表示できる良い解決策はありますか?

阿神 2017-05-16 16:33:55 0  1  667

メニューの背景 左右上下の隙間がない幅100%にしたい

メニューの背景色は全幅、24 インチ以下は全画面にする必要があります。見た目はこんな感じです。ホームページのURLも画像内に記載しております。以下は背景色を追加するための私の scss です。誰かが以下のコードを編集して、背景色が左右と上部に触れるようにしてください（上部に小さなギャップがあります）。 .header-main-wrapper{max-width:1720px;margin:0auto;background:# 1c2e52;@media#{$xs ,$sm,$md,$lg}{padding:16px0;試してみます

P粉245003607 2023-09-10 21:43:33 0  1  543

JavaScript - iOS WeChat でバックグラウンドでビデオを再生する方法はありますか?

iOS の WeChat でビデオをバックグラウンドで再生する方法はありますか? 現在、ビデオを再生してクリックすると、自動的に全画面ですべてのページ要素がカバーされます。バックグラウンドで再生したいと考えています。

伊谢尔伦 2017-07-05 11:06:56 0  2  1054

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

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

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

JavaScript - ビデオを再生するときに Youku の iframe を全画面表示にする方法は?

落ち込んでいます。IE10 以下では、iframe のallowfullscreen 属性が無効です。助けてください。

给我你的怀抱 2017-05-19 10:28:02 0  1  664

スタイル付きコンポーネントでコンポーネントを繰り返し背景画像として使用できないのはなぜですか?

コンポーネントを div の繰り返しの背景画像に設定しようとしています。Web サイト全体で再利用されるパターンがあります。合理化されたパターン コンポーネント: importReactfrom'react'importPropTypesfrom'prop-types'importstyledfrom'styled-components'constContainer=styled.svg`height:${({height})=>height};`constPath

P粉909476457 2023-09-12 16:55:41 0  1  568

JavaScript - フォンスワイプで画像をクリックしたときに画像を全画面表示するにはどうすればよいですか?

携帯電話で画像をクリックして画像をプレビューさせ、左右にスライドさせることはできますが、画像を全画面表示にすることはできません。アドバイスをお願いします 下の図でwidth=100%になるようにパラメータを設定する方法を教えてください。 。それとも他にお勧めできるプラグインはありますか?

ringa_lee 2017-07-05 10:41:07 0  4  929

css - 携帯電話の Chrome で github や bilibili などのいくつかの Web サイトを開くと、アドレス バーの周囲にも背景色があることがわかります。

いくつかの Web サイトがこのような全画面背景色を持っていることに偶然気づきました。どのように設定すればよいですか?ヘッドを見たら設定は無いのですが、ボディカラーが設定されていません 見た方いらっしゃいますか？

PHP中文网 2017-05-16 13:22:33 0  1  929

JavaScript - ページの背景としてビデオを使用する際の問題

単色のdiv背景、動画の最初のフレームのスクリーンショット、動画の3つを用意しました。私が望むのは、ビデオが正常にロードできない場合は、代わりにスクリーンショットを使用し、スクリーンショットが正常にロードできない場合は、代わりに単色の div を使用することです。この機能の実装方法を教えてください。または...

阿神 2017-05-18 10:46:57 0  3  860

CSS トランジション: 背景サイズが機能しない

私は、画像の上にマウスを置くとズームアウトして、div の背景を確認するためにズームアウトしすぎなくても画像全体が表示される Web サイトに取り組んでいます。私の HTML は次のようになります: <divid="wrapper"><divid="imgDiv"><divid="transitionDiv"style="background-image:u

P粉821808309 2023-09-05 00:05:08 0  1  601

javascript - 2 つのスクリプトの背景を自動的に変更するスクリプトが実行されないのはなぜですか?

少し前に、Web ページがとても面白かったのでビデオを見ようとコードを書いたと告白しましたが、背景を自動的に変更するスクリプトが実行されなかったのはなぜですか? ## 2 つのスクリプトのうち 1 つだけが実装されています ## {code...}

天蓬老师 2017-06-08 11:02:49 0  3  919

javascript - 画像収集効果、プラス 3D 効果、なぜ収集後に線が発生するのですか?

div には多数のサブディビジョンがあり、サブディビジョンの背景画像を組み合わせて全体の画像を形成します。集合効果として、3D の Y 軸反転効果を追加しました。接合するときの真ん中? 論理的には集めた後になるはずです 結果がこれです コードを添付します pic{幅: 1000px;高さ: 655px;位置...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  596

Chrome 拡張機能がパスとファイルにアクセスできるようにする方法

Opera 拡張機能を作成していて、拡張機能のパスに保存されているいくつかの画像を取得したいと考えています。このプラグインが行うことは、特定の Web ページで、背景画像の URL と一部のアイコンを拡張機能内のカスタム アイコンに変更することです。ただし、スクリプトを実行すると、すべてが非表示になり、画像のロードに失敗します。ロガー内では chrome-extension://invalid/net::ERR_FAILED が表示されますが、パスをログに記録すると正常に見えます。マニフェスト.json ファイルには、Web があります。

P粉644981029 2024-02-26 23:12:34 0  1  828

PHP はページ間のリンクと背景画像の設定を実装します

PHP で 2 つの Web ページをリンクするのにヘルプが必要です。ユーザーがボタンをクリックして次のページにジャンプできるようにしたいのですが?この機能を実現できる関連コードはありますか? また、PHP Web サイト全体に背景画像を追加するにはどうすればよいですか?

P粉009828788 2023-09-14 22:34:32 0  1  606