CSS を使用して画像に複数の透明なオーバーレイを追加する方法

三角形を押して白い円の上にコンテンツを含めるにはどうすればよいですか?画像の一部として 3 つのオーバーレイ形状を含む背景画像を使用してヒーロー セクションを作成する解決策を見つけようとしています。オーバーレイの上には h1、p、btn が表示されます。デザインがどのように見えるかを示すスクリーンショットを以下に示します。次の 3 つのオーバーレイがあります。 下部の透明度が 0% の直角形状。透明度のある外側の円。透明感のある内側の円。これが私がこれまでに持っているものです。以下にスニペットを示しました。Codepen には実用的なバージョンもあります。サークルの位置は

P粉777458787 2024-02-25 17:09:14 0  1  487

Angular で円形の SVG 温度ドラッガーを作成しますか?

これは、Angular で作成しようとしている円形の親指ドラッガーの静的なデモンストレーションです。これは、rinkle-dashoffset="-260" 設定を使用して、親指/ドラッガーを親指の後ろの円形パスの終端近くに配置します。-260 の負のオフセットが期待どおりに機能することがわかります。 <bodystyle="width:200px;height:200px;"><svg(mousedown)="onMouseDo

P粉135799949 2024-04-03 09:33:29 0  1  670

z-indexを使用せずにdivをオーバーラップする

解決できない問題があり、CSS マジックを考えていますが、この問題に対する最善のアプローチは何でしょうか?理想的な領域と実際の進行状況バーを備えた進行状況バーコンポーネントがあります。プログレスバーが理想的な領域に重なっている場合、理想的な領域を、Z 値が小さいかのように非表示にしたいと考えています。これを試してみたところ、静的に配置された要素では z-index が機能しないことがわかりました。この動作を再現するにはどうすればよいですか?これはコンポーネントのコードです。これもスタイル設定に tailwind を使用します。 importReact,{useEffect,useS

P粉124070451 2023-08-17 13:56:28 0  1  633

java - enum とは何ですか? なぜそこにあるのでしょうか? どのように使用するのですか?

実際の現象では基本的に enum を使用できるが、ソースをたどりたい（本質を議論したい） 予想される現象は独断的な抜粋文書形式の回答は拒否する（時間が重要） enum を深く理解したい（少なくとも私は）実際の運用環境で多くのコードを作成しました) )! 注: 私はプログラミングの初心者ではなく、いくつかの基本的な概念には一般科学を必要としません...

我想大声告诉你 2017-05-17 10:01:51 0  7  731

Jsplumb Community Edition でノードまたはシェイプを追加できない

ドキュメントに記載されているように、@jsplumb/browser-ui を使用して Nuxtjs/Vuejs アプリケーションにいくつかのノードを作成しています。ただし、実行時にノードを作成したいと考えています。私はそれを行うことはできません。ユーザーが「AddEvent」ボタンをクリックするたびにノード/四角形を作成したいと考えています。したがって、静的な方法でノードを作成するのではなく、ボタンのクリックに基づいて動的/実行時にノードを作成したいと考えています。 jsPlumb ドキュメントを使用してこれを行う方法がわかりません。同じことを実現するための具体的なコード例がないためです。

P粉864872812 2024-03-28 21:22:23 0  1  443

vimrc - :w save コマンドの実行時に特定のコマンドライン コマンドを自動的に実行するように vim を設定するにはどうすればよいですか?

.less ファイルを作成しています。:w save コマンドの実行時に、lessc コマンドを自動的に呼び出してファイルを .css ファイルにコンパイルしたいと考えています。 lessc コマンドの形式は、lessc a.less a.css です。設定方法は? autocmd BufWritePost が機能しない理由がわからないので、autoc を使用することしかできません。

我想大声告诉你 2017-05-16 16:36:31 0  3  1002

バブル円グラフの実装: ステップバイステップ ガイド

これを実装する必要があります。正直、これをグーグルで検索する方法がわかりません。 Vue/Nuxt ソリューション、またはこれを実装する方法に関する一般的なヒントを探しています。編集: 申し訳ありませんが、この質問は間違っていると思います。私は円の作り方についてのチュートリアルを求めているわけではありません。 APIを使用してさまざまなグラフを作成する必要があります。これを探している他の人のために、vue-graph で BubbleCloudChart を見つけました

P粉696605833 2024-03-30 19:18:40 0  1  544

JavaScript - JSで動く車を実装するアイデアとは何ですか?

私の個人的なアイデアは、マウスの座標とクリック時の車の座標を取得し、この 2 点が形成する直線と X 軸とのなす角tan を計算し、setInterval() を使用して X 軸を増加させることです。車の方向を 1px ごとに、Y 軸をミリ秒ごとに計算します ( 1*tan)px; ただし、コードの実装に問題があり、計算された Tan 値は変化し続けます。 ...

仅有的幸福 2017-05-19 10:17:49 0  4  696

リモート リポジトリへの接続時の Git エラー: 「ホスト キーの検証に失敗しました」

Web サーバー上にあるリモート Git リポジトリに接続し、それを自分のコンピュータに複製しようとしています。私のコマンドでは、次の形式を使用します。 gitclonessh://username@domain.example/repository.git これは、ほとんどのチーム メンバーにとって正常に機能します。通常、このコマンドを実行すると、Git はユーザー パスワードの入力を求め、クローンを実行します。ただし、マシンの 1 つで実行すると、次のエラーが表示されます: ホスト キーの検証に失敗しました。致命的: リモートからリポジトリを読み取ることができません。私たちはしない

P粉668113768 2023-08-27 12:34:09 0  2  710

JavaScript - インターフェースのメインメニュー生成ロジックに関するさまざまな設計の議論

メインメニューは、設定を通じて特定のメニューまたは特定のメニュー内の特定の機能を表示するかどうかを制御できる一種のバックグラウンド管理システムです。その設計と実装に関して、私の個人的な要約は次のとおりです。 (1) データベース テーブルを使用してメイン メニューを保存する 一般に、メイン メニューは従来のリレーショナル形式に基づいたツリー構造です。

大家讲道理 2017-06-26 10:49:08 0  1  742

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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