メニューの背景 左右上下の隙間がない幅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  530

スタイル a の上にマウスを置くと、 a の背景色が黄色に設定されます。

これは、マウスがスタイル a の上にあると、a の背景色が黄色に設定されることを意味します 1234 a:hover {background-color: yellow; } これが最も一般的です。

PHP中文网用户-9291898 2022-09-22 19:25:53 0  1  891

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

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

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

javascript - 各ボールの背景画像が異なるようにキャンバス上に複数のボールを描画するにはどうすればよいですか?可能ですか?

質問: キャンバス上に複数のボールを描画する場合、各ボールの背景画像を異なるようにするにはどうすればよいですか? 可能ですか?私が今やりたいのは、それぞれのボールを異なる色にして、そのボールを写真で塗りつぶしたいということです。コードの一部: {code...} 現在の効果:

大家讲道理 2017-06-14 10:54:28 0  4  1037

トランジションタグについてclass属性に対して無効なようです

.two{幅: 100px;高さ: 100px;背景: #FF6500;トランジション: 幅 2s;}.two:hover{幅:450;}p{幅: 200px;高さ: 200px;背景: #ff6500; トランジション: 幅2s;}p:hover{width: 500px;} 上記のコードは p タグに対して有効です

复印名片广告 2020-03-05 11:45:12 0  0  1725

link 要素と div 要素を同時にアクティブにするにはどうすればよいですか?

div 要素の上にマウスを移動すると、div 要素のみが点灯し、リンクは点灯しません。最初にボタンの背景を明るくしてからリンクを明るくするのではなく、ボタン全体を明るくする方法はありますか。購入 購入 購入 a: 訪問した {白色} a: ホバー: 訪問した {色: RGB(180,179,179);} リンク {白色; 背景色: rgb(180,179,179);} a: ホバー {色: RGB (180,179,179);}背景色: 白}div.b{白色;背景色:rgb(180,179,179)

P粉547170972 2023-09-16 16:59:06 0  1  944

:before および :after 擬似要素に「content」属性が必要なのはなぜですか?

特定のシナリオで、:after セレクターが機能するために content 属性が必要なのはなぜですか? .test{幅:20px;高さ:20px;背景:青;位置:相対;}.test:after{幅:20px;高さ:20px;背景:赤;表示:ブロック;位置:絶対;上:0px;左:20

P粉653045807 2023-07-17 18:43:31 0  2  563

最近の Chrome 更新後、Bootstrap モーダルの背景がモーダルの前面に表示されます

Chrome バージョン: バージョン 111.0.5563.64 (公式) (x86_64) ブートストラップ: 4.3.1 最近の Chrome の更新により、モーダルの背景がモーダル自体の前に表示されるようになりました。 z-index の問題ではないことを確認しましたが、原因がわかりません。 .modal-backdrop{位置:固定;上:0;左:0;Z-インデックス:1040;幅:100vw;高さ:100vh;背景-co

P粉512363233 2024-01-07 16:46:41 0  2  620

CSS を使用して、HTML ページ内のリンクをクリックした後に段落の背景色を変更する方法

ページ上のリンクをクリックしたときに段落の背景色を変更できますか。 <ahref="#p4">P4 にジャンプ</a><pid="p4">私は P4</p> -p{背景色: yellow;} を実現するには CSS に何を記述する必要がありますか?

P粉311423594 2023-09-02 00:38:08 0  1  577

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

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

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

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

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

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

JavaScript - 百度オフラインマップの背景を変更するにはどうすればよいですか?

上の写真のように、他の人のウェブサイトを見ると、オフラインマップを使用していることがわかりましたが、これらの背景画像がどこから来たのかわかりません。

仅有的幸福 2017-05-19 10:13:01 0  1  645

javascript - WeChat 共有 H5、背景色を使用してこのぼかし効果を実現するにはどうすればよいですか?

通常の共有の効果は以下の通りですが、お試しで得た共有は上記のような背景色付き（画像ぼかし処理の効果と思われます）でした。

过去多啦不再A梦 2017-06-12 09:29:10 0  3  1078

ファイルローダーを使用してWebPackイメージがロードされない

現在、いくつかの SVG イメージと背景イメージを必要とする webpack5 プロジェクトがあります。 svg イメージは template.html ファイルにエンコードされます。背景画像は style.css ファイルで参照されます。ビルドを実行すると、Web ページ上にイメージがビルドされません。ファイル ローダー テストでカスタム名を使用した場合でも、ハッシュ形式のままです。現在の Webpack 構成ファイルは次のとおりです: constpath=require('path');constHtmlWebpackPlugin=req

P粉513318114 2024-03-19 19:54:32 0  1  323

vimを使用してPHPコードを表示するときにカーソルの背景色を変更するにはどうすればよいですか?

図に示すように、vim の構文ハイライトを有効にしてカスタム カラー テーマを使用しました。カーソルが { } 上にある場合、その背景色を変更するにはどうすればよいですか?

高洛峰 2017-05-16 16:41:28 0  2  704

マウスが要素上で停止したかどうかを確認するにはどうすればよいでしょうか?

JavaScriptまたはCSSを使用して要素の上にマウスを置くのを止める方法を知りたいです。マウスを要素の上に置くと背景の色が変わるアニメーションを作成しています。また、要素の上にマウスを置くのをやめたときにアニメーションを追加したいと考えています。これどうやってするの？

P粉547420474 2024-03-31 13:28:28 0  1  411

Twig テンプレートの CSS 変数で背景画像を使用してみる

そこで質問があります。 CSS 変数で背景画像を使用したいのですが、プロジェクトでは Twig を使用して、SQL リクエストを介してデータベースから選択された記事をループしています。各記事にはデータベース内の画像への相対リンクが付いているので、Web サイト上で見ることができます。問題は、データベースからの同じ画像リンクを記事の背景として使用したいことです。次のような CSS 変数を使用してみました: div.liste{position:relative;display:flex;background-image:v

P粉083785014 2023-09-04 12:41:18 0  1  563

html5 - echarts の凡例

図に示すように、背景にある円グラフの各セグメントの名前を直接取得し、上部の赤い「テスト」を置き換えて凡例として使用したいのですが、各セグメントの名前を取得するにはどうすればよいですか。 ?ありがとう！

曾经蜡笔没有小新 2017-05-16 13:37:59 0  1  467

Antd React ディレクトリ ツリー ノードの背景色をカスタマイズするにはどうすればよいですか?

マウスがツリー ノード上にあるときに、より少ないスタイルを使用して antd ディレクトリ ツリー ノードのデフォルトの背景色を変更するにはどうすればよいですか? <Tree.DirectoryTree>{data.map((item)=>{return(<Tree.TreeNode//@ts-ignoreitem={item}icon={<></>}key={item.user_folder_id}title= {アイテム.タイトル

P粉825079798 2023-09-03 12:09:15 0  1  748

nginx - https リダイレクトの問題?

問題の背景: {コード...} 問題: さまざまな方法があり、ポート 80 を構成するファイルに記述されるもの、.htaccess に記述されるもの、ページ上でメタ/リフレッシュに設定されるものがあります。どちらが費用対効果が高いでしょうか?

PHPz 2017-05-27 17:45:00 0  3  894