CSS: ドロップ シャドウのある Vuetify ダイアログ内の div からドロップ シャドウを削除します

CSSを使用してdivに三角形を追加したダイアログがあります。ただし、CSS のトリックは、境界線の一部が透明になることです。私が克服しようとしている問題は、ダイアログ自体から影を削除せずに、透明な境界線から影を削除することです。これを div に追加しても機能しません: box-shadow:none; これが削除したいものの図です: この三角形を作成する div のクラスは次のとおりです: .arrow-up{width:0;height: 0; 境界左:25pxsolidtransparent;

P粉826429907 2023-09-13 19:57:28 0  1  661

Div の外での画像の移動

ページの中央に黒い div がある Web サイトを作成しています。その上にマウスを置くと、中央の画像が回転します。問題は、画像を div 内に配置したにもかかわらず、div の境界の外に出てしまうことです。この問題を解決するにはどうすればよいでしょうか?これは私の HTML コードです: constimage=document.getElementById("pic");image.classList.add("rotate");constclone

P粉004287665 2023-08-13 15:21:15 0  1  505

ホバーされたテキストはマウスの位置で色が変わります

すべてのテキストではなく、マウスの位置のテキストのみの色を変更するにはどうすればよいですか?このように、マウスの動きに合わせて表示される円が表示され、ホバーするとテキストにホバー中の文字の一部の境界線のみが表示されます。どのライブラリまたは関数を使用する必要があるかアドバイスが必要です。

P粉697408921 2024-03-28 14:12:45 0  1  562

CSS を使用して、片側に角度があり、角が丸いボックスを作成するにはどうすればよいですか?

私は現在、このようなものを作る必要があることに気づきました。最初はクリップパスを使おうと思ったのですが、角が丸くなっているので剥がすのが難しく、ボタンの内容によって幅が変わると22.5度を維持するのが難しいです。そこで、最終的に各ボタンを 2 つの div として作成し、1 つの div を 22.5 度傾けて、通常の長方形の div に重ねました。次に、両方に境界線の半径を追加しました。 body{行の高さ:0;フォントサイズ:16px;背景色:黒;}.cta-button

P粉068174996 2023-08-25 19:46:29 0  1  563

テーブルの列に境界線を作成するにはどうすればよいですか?

スクリーンショットに示すようなテーブルを作成する必要があります: 得られた結果: 問題: 「登録済み」列のスクリーンショットのような緑色の境界線を作成できません。質問: テーブルの場合、この境界線はどのように作成しますか? div でオーバーライドしようとしましたが、何も機能しませんでした。style.container{table{width:100%;border-collapse:collapse;thead{tr{th{padding-bottom:18px;width:230px;&:fi

P粉176151589 2024-01-16 19:25:40 0  2  472

書き換えられたタイトルは次のとおりです: CSS 3 図形: 「Reverse Circle」または「Cut Circle」

「逆円」と表現される形状を作成したいと考えています。黒い線が div 要素の外側の境界線に沿って続く必要があるため、画像は多少不正確です。現在私が持っているデモは次のとおりです: http://jsfiddle.net/n9fTF/ 画像なしで CSS を使用することは可能ですか?

P粉979586159 2023-08-24 18:26:55 0  2  479

-webkit-mask内でRadial-gradientを使用して3つの透明な穴を作成しますが、画像は保持します

私はプロジェクトに取り組んでおり、透明にするために境界線にランダムな穴を3つ開ける必要があるdivを作成する必要があります。私が直面している問題は、2つの穴に対して、放射状のグラデーションで -webkit-mask を使用して、20ピクセルの2つの透明な穴を作成していることです。私の質問は、3番目の穴を作成しようとするとき、これを行う方法を知っている人はいますか? <divid="pulseAd"class="fadeInUpanimated"style="表示

P粉810050669 2023-09-02 21:32:42 0  2  692

固定配置された子によって親のパディングが無視される

スティッキー要素がヘッダーの後ろに来るのを防ぐにはどうすればよいですか?現在のコードスニペットは親にpadding-topを使用しており、追加の子にmargin-topまたは透明な50ピクセルの境界線を使用しようとしましたが、機能しないようです。この場合、スティッキー ラベルで簡単に top:50px を使用できることはわかっていますが、この部分を React コンポーネントに統合したいのですが、特定のサイズを使用すると、すべての Top ディメンションを共有する必要があるため、異なるコンポーネントを組み合わせるのが難しくなります。タイトル/パディングを「ベタ」にして付箋が通過できないようにす...

P粉182218860 2024-04-06 11:42:51 0  1  561

SVG または CSS を使用してハイブリッドの直線/曲線セクション境界を作成するにはどうすればよいですか?

私のアプリケーションでは、標準以外のセクション境界を持つ登録ページを作成しています。ここで私が何を達成しようとしているのかがわかります。これは単純な円弧ではありません。2 本の直線と、その間に 1 つの円弧があります。私の知る限り、このようなことを実現する最良の方法は SVG を使用することです。問題は、白い領域に領域全体を覆う画像が表示されてしまうことです。デモ用に、水色を使用します。背景画像属性を持つ標準の div を使用すると、SVG の白色は不透明になるため、次のようになります: 後で読むためのヒント sha

P粉920835423 2023-09-02 11:35:13 0  1  652

display inline-block 属性と box-sizing: border-box 属性を持つ 2 つの div を一緒に配置すると、境界線が異なると白い空白領域が表示されるのはなぜですか?

このコードを考えてください。なぜ d3 と d4 が整列していないのでしょうか? d4の上部の空白は何ですか？ .myContainer{display:block;}#d3{width:150px;height:150px;border:5pxsolid#aef704;padding:25px;background-color:blueviolet;box-sizing:border-box;display:inline-block;} #d4

P粉373596828 2023-09-13 13:45:36 0  1  620

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

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

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

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

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

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

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

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

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

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

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

他の列でグループ化しながら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  561

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

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

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

スペード、ダイヤモンド、ハート、クラブ => 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  812