CSS 要素のエッジがスクロール ボックスのエッジの「外側」にあるとはどういう意味ですか?

次の仕様をどのように解釈するのが正しいでしょうか? 「要素エッジ A と要素エッジ B が両方ともスクロール ボックス エッジ A とスクロール ボックス エッジ B の外側にある場合は、何もしません。」 出典: https://drafts.c​​sswg.org/cssom-view/#dom -scrollologicalposition-nearest: ~:text=If%20element%20edge%20A%20and%20element%20edge%20B%20are%20b

P粉763748806 2024-01-16 23:45:09 0  1  547

JavaScript - キャンバスのギザギザを除去する方法

タイトルのような「キャンバスのグラフィックを作ったら端がギザギザになってしまった。Bicubic Interpolationの補間アルゴリズムを検索したのですが、わかりません。アドバイスをいただけませんかorz!!」

大家讲道理 2017-05-31 10:41:27 0  2  1091

CSS を使用してブロックの端をフェザリングする方法を学びます

ボックスの端にぼかし効果を持たせるように CSS を変更するにはどうすればよいですか?ボックスの背景に曇りガラスの効果を持たせ、周囲の鋭いエッジの代わりに徐々に背景に溶け込むぼかし効果を持たせたいのですが、現在の CSS を変更する方法がわかりません。ご協力をよろしくお願いいたします。 .wrap{位置:相対;幅:100%;高さ:100vh;背景画像:url('https://images.unsplash.com/p

P粉785522400 2023-08-16 18:38:07 0  1  743

http - nginx を使用してエッジ ライブ ブロードキャスト サーバーを実装するにはどうすればよいですか?

http ライブ ストリームを持っています。ソースへの負担を軽減するために、ngnix を使用してエッジ ライブ ブロードキャスト サーバーをセットアップし、ライブ ソースからストリームを取得して、ユーザーにサービスを提供したいと考えています。 nginx を使用している場合、これをどのように設定する必要がありますか?

淡淡烟草味 2017-05-16 17:18:59 0  2  551

android - 2つのレイアウトの端に画像を設定する方法

図に示すように、このような効果を設定する方法は、画像が 2 つのレイアウトの端にあり、このアクティビティの下にビデオを再生するアクティビティがあり、フレーム レイアウトを使用して透明度を設定しています。透明。

淡淡烟草味 2017-05-16 13:34:07 0  2  925

css - JavaScript は、Safari が左端から右にスワイプして戻るのを防ぐことができますか?他に方法はありますか?

iOSにはAndroidの戻るボタンがないので、左端を右にスワイプすることで戻ることができますが、Safariではこの機能を無効にしたいのですが、つまり、ユーザーは段階的に進むことしかできません。そして戻ることはできません。 Baidu で検索したところ、これらはすべてネイティブ iOS ソリューションであるため、Web フロントエンドで JavaS を使用できることがわかりました。

滿天的星座 2017-05-16 13:36:16 0  4  876

グラデーション効果が画像の端でフェードアウトしないのはなぜですか?

画像の端をぼかすか、少なくとも漠然とフェードアウトしたいと考えています。何を試してもうまくいかず、Stackoverflow のすべての質問を調べました。 SassではなくCSSを使用しています。問題を複雑にするために、ページに背景画像を配置し、それを不透明度 0.8 の白いマスクで覆います。誰か助けてくれませんか？これが私のコードペンです。 .screen{位置:相対;幅:100vw;高さ:100vh;disp

P粉317679342 2023-09-09 23:34:16 0  1  570

フェードイン/フェードアウトトランジションを備えた CSS マーキー

右端からフェードインし、左端からフェードアウトするテキストを含むCSSマーキーを作成しようとしています。文字の端だけが透明になります。これを「不透明マスク」と呼び、左右の端にぼかします。 CSS マーキーのコード例は見つかりますが、このようなフェードイン/フェードアウト効果を備えたものはありません。また、背景を完全に透明にして、テキストのみにエッジ効果を持たせたいと考えています。コンテナにグラデーションを追加しようとしましたが、後から考えると、それは正しいパスではないようです。以下は私がこれまでに思いついたコードです。助けてください、ありがとう！ @BernardBorg: 2 番目の新しい例...

P粉659516906 2024-03-27 21:24:13 0  2  578

コピー:項目に余白を追加する方法

失敗を許容するスペースを作り出すスタイルを設定した順序付きリストがあります。私のエッジの理解は、外部空間の縮小という観点からです。ネットワークを修正するためにedgeを:0に設定してみました。

P粉037215587 2023-08-02 22:33:27 0  1  513

javascript - 弾幕効果を模倣するときに発生するバグ

ポジショニングを使用して模倣弾幕エフェクトを記述すると、端に触れるとすぐにバグが発生します CSS: {code...} JS: {code...} 問題は、弾幕が左側に触れるとすぐに壊れることです画面の「でも、数字を入力するときはこうはなりません。固定幅を指定していないのですが、どうしてこうなるのですか？」

習慣沉默 2017-06-30 09:58:38 0  2  918

CSSを使用してdivの下端を内側にカールさせます

CSS を使用してこの長方形の div/背景の下端を曲げたいので、結果は次のようになります: 誰かそれを実現する方法を知っていますか? .curved{margin:0auto;height:400px;background:lightblue;border-radius:00200px200px;}<divclass="container"><divclass="curved">&l

P粉384366923 2023-10-23 19:55:32 0  2  914

SVG - 複数のグラデーション塗りつぶしのある醜いエッジ

JavaScript カラーピッカーを作成したいと考えています。 SVG を使用して、次のような色の三角形を作成しています。 body{background:black;}<svgxmlns="http://www.w3.org/2000/svg"width="88"height="88"class= 「彩度-明るさ」&

P粉937769356 2024-04-01 20:00:27 0  1  429

ミエジエシタイさん、こんにちは。1～6の内容で削除されたものはありますか？

1-6 Xiaomi Mall のサイドバー ナビゲーションとドロップダウン ボックスの構築について言えば、29:07 頃に接続が失敗し、すでに設定されている <div class="mi_phone1">...</div> が理由もなく表示されました。

TM.Rui 2018-10-24 22:14:13 0  2  1350

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

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

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

グラウンドフィルターのブラートランジションの問題

ボタンを押すと背景がぼかされますが、トランジション時にdivの端がうまくトランジションしません。この問題は Firefox を除くすべてのブラウザに存在します。どうすれば修正できますか? varbtn=document.querySelector('button');vardiv=document.querySelector('div');btn.addEventListener('click',function(){div.classList.toggle('

P粉314915922 2024-04-01 23:10:22 0  1  489

テキストとアイコンが中央に配置されたボタン

アイコンとテキストを含むボタンコンポーネントを開発しています。アイコンはボタンの左側に配置され、テキストはボタンの中央に配置されます。テキストがボタンに収まらない場合は、折り返さずに切り詰めてください。テキストを切り詰める重要な条件は、テキストがボタンの端からアイコンまでの距離と同じ距離にあることです。したがって、ボタンに均等なインライン パディングを追加することはできません。テキストが切り取られない場合は、ボタンの中央に配置されます。ただし、アイコンに重なったり、ボタンに収まりきらなかったりすると、テキストが切れてしまいます。つまり、通常の状態ではアイコンの位置は変わりませんが、テキストのス...

P粉033429162 2023-08-15 11:01:09 0  1  560

width プロパティを追加してコンテンツを左に移動します。

ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1行ではなく2行で表示したいので、スタイルにwidth属性を追加しました。行 .p{font size: 12px; width: 200px} を使用すると、段落を 2 行で表示できますが、テキストが左に移動します。 .p{font size: 12px; width: 200px; textalignment: center; align items: center}; を試しても段落が移動しません。位置合わせされ...

P粉738046172 2024-04-06 22:01:35 0  3  1249

API が 1 つの Kubernetes ポッドで 400 エラーに遭遇し、「認識されない構成」と応答する

proxy-middleware パッケージを使用して、Nodejs ファイル内の実際の APIURL のパスを /api/events/restservices/api/disaster/v1/events> に書き換えました。異なる lgw を使用して API を呼び出す代わりに、実際の URL を非表示にしました。この環境では、actuallgw/api/eventsgrm-url/api/events の代わりにactual- を呼び出すのと同じように、CDPGRM エッジ URL を使用して呼び出しを行います。

P粉976488015 2024-01-10 18:22:17 0  1  611

ナビゲーション バーと次のセクションの間の小さな空白スペースを削除するにはどうすればよいですか?ホバーセレクター上の小さな灰色のスペースを取り除くにはどうすればよいですか?

freecodecamp の HTMl コースの最終プロジェクトとしてこの Web サイトをコーディングしているのですが、修正方法がわからない 2 つのエラーが発生しました。一方では、ナビゲーション バーと最初のセクションの間に小さな白い線があります。一方、ホバーセレクターを使用してナビゲーションバーリンクの背景を灰色にしますが、下部に小さな暗い線を残します。白い線は次のようになります。 最初の白い線を修正するために、パディングとマージンを削除してみました (これにより、端の空白の一部が削除されましたが、2 つの部分の間に残った空白は削除されませんでした。また、すべての CSS も追加しました...

P粉764836448 2024-02-25 22:54:59 0  1  414

ページが全画面表示でないときの説明のない右マージン - Nuxt/Tailwinds

Nuxt、Vue3、TailwindCSSを使用して簡単な履歴書ページを作成しようとしています。ブラウザを全画面表示にすると、すべてが正常に表示され、すべてが正常に動作します。ただし、全画面以外のものを表示すると、アプリのメイン部分のページの右側が理由もなく空白になります。 (ひどいデザインは無視してください。まだ作業中です) 以下に示すように、要素の右側には余白がありますが、本来はそうではなく、計算されたレイアウトにも表示されません。カスタム CSS は追加しなかったので、Tailwind が提供するデフォルトのクラスを使用しました。

P粉710478990 2023-09-01 00:05:46 0  1  590