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

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

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

オーバーレイとマーカーを含む Mapbox マップを HTML からエクスポート/ダウンロード

顧客がパーソナライズされた地図を作成できる HTML ページを構築したいと考えています。これを作成するにはMapboxを使用しました。この地図の上にはオーバーレイがあり、顧客は地図上にマーカーを配置することもできます。しかし、私は 2 つの大きな問題に悩まされています。それは、オーバーレイやマーカーを含む高品質の地図画像を取得する方法です。ポスターに印刷したいので。顧客が「保存」をクリックして購入した後、この画像がサーバーに送信され、印刷できるようにするには、このロジックをオンライン ストアに実装するにはどうすればよいでしょうか。 https://www.カルティダ

P粉459578805 2024-03-29 11:15:04 0  1  547

javascript - 子要素 iframe が更新されるたびに、親 iframe が重ね合わされてロードされます。

親レイヤーは子 iframe の要素を取得するために js を使用する必要があるため、{code...} これで、子レイヤーが更新されるたびに、親レイヤーの要素をクリックすると 1 回スーパーインポーズされることがわかりました。 、最初のクリックで 1 が 1 回バウンスされてから更新されます。サブレイヤーが 1 回クリックされると、1 が 2 回再生されます。これを回避するにはどうすればよいですか?

阿神 2017-05-19 10:08:26 0  1  528

Java - Web アプリケーションの階層化について

今日、Alibaba JAVA 開発マニュアルでアプリケーションの階層化に関する関連内容を目にしましたが、お聞きしたいのですが、プロジェクトはどのように階層化されていますか?下の図はAlibaba推奨の階層型Webレイヤーです ServiceレイヤーもDAOレイヤーもわかりやすいですね 端末の表示レイヤーがSpring-mvcでできていることに気づきませんでした...

某草草 2017-05-17 10:04:17 0  1  740

javascript - vue2、vuex、データ層とコントローラー層に関するいくつかの疑問

以下のような質問なのですが、教えてください まず私の個人的な理解をお話しさせていただきますと、モデル層の変更はビュー層に反映され、ビュー層の変更はモデルにも反映されます。 .vue ファイルでは、モデル レイヤーはデータ オブジェクト内のデータであり (ここにストア ウェアハウスがないと仮定して)、vue のビューは一時...

天蓬老师 2017-07-03 11:41:41 0  1  835

HTML CSS Js - 折りたたみ可能なツリー、開いたときに折りたたみを表示

ここの例 https://codepen.io/ac_coding/pen/wMmKgb を使用して折りたたみ可能なメニューを作成していますが、メニューを開いたときに完全に折りたたまれるようにしたいと考えています。 $('toggleClass').click() などの JavaScript にいくつかの変更を加えてみましたが、今のところうまくいきません。 JavaScript は初心者なので理解するのが難しいです。ページが開いており、すべてのオプションが折りたたまれていることを確認する方法についてアドバイスをいただければ幸いです。事前にどうもありがとうございました。 /*これ

P粉738046172 2023-09-07 09:43:38 0  1  581

java - コントローラー層とサービス層の間で値を転送するにはどうすればよいですか?

現在のアーキテクチャのコントローラー層とサービス層は、値の転送にマップ<string, string>を使用するため、多くの場合、値の変換が面倒になりますが、Bean オブジェクトを使用して値を転送する場合、値の転送に特化して使用される多くの Bean は、構築される予定です。 。 。 。建築の達人からアドバイスをお願いします。

阿神 2017-05-17 09:57:48 0  4  1204

java - Spring のコントローラー層は、サービス層オブジェクトを注入するために @Resource を記述する必要があります。これは分離ですか?

1. Spring のコントローラー層は、サービス層オブジェクトを注入するために @Resource を記述する必要があります。これは分離ですか?

欧阳克 2017-06-23 09:12:59 0  2  1010

vim - コードの折りたたみを見つけるためのコード

既存の折りコード: {コード...} 折り前のテキスト: 既存の折り効果: 私のニーズ: 下の図に示すように、前の余分な部分を削除すると、見た目がきれいになります。 Vim に連絡を取り始めたばかりです。アドバイスをいただければ幸いです。

给我你的怀抱 2017-05-16 16:41:57 0  1  810

javascript - IE での配置に関する階層の問題

外層に固定位置を使用するボックス、内層に絶対位置を使用するボックスがあり、その内ボックスにクリック イベントを与えますが、IE9 ではクリックできません。なぜですか?これは外側の固定ボックスです。 これは内側の絶対ボックスです。 この内側のボックスに名前を付けたいのですが...

曾经蜡笔没有小新 2017-06-29 10:10:04 0  1  937

JavaScript - 内側の div の幅に応じて外側の div の幅を適応的に調整する方法

純粋な HTML+CSS を使用するのが最善です。疑似コード例: {code...} 外側の div1 の幅を内側の div の幅に合わせて変更します。

PHP中文网 2017-06-26 10:58:30 0  3  969

シングルレベルループの場合

マスターの誰かが、交互行の色変更テーブルを制御するための単層 for ループのコードを送ってくれませんか? ありがとうございます!

小崔 2017-10-28 14:43:32 0  2  1426

css - BFC マージン崩壊の問題

http://w3help.org/zh-cn/kb/010/太字の2文は折りたたまれていますか？ ブロックの書式設定コンテキストでは、ボックスは、含まれるブロックの先頭を開始点として、次々に垂直に配置されます。 2 つの兄弟ボックス間の垂直距離は、「margin」属性によって異なります。ブロックの中には…

巴扎黑 2017-05-16 13:43:46 0  1  668

vimでjsコードを折りたたむ方法はありません

私のコードスニペットは次のとおりです。vim 設定ファイルは次のとおりです。][3] 現時点では、za を押してもコードを折りたたむことができません。 しかし、python関数はpythonファイル内で普通に折りたたむことができます 回答をお願いします。

迷茫 2017-05-16 16:37:14 0  2  714

ポップアップレイヤーコードの再利用

ポップアップ レイヤーのコードを個別に提示して引用することはできますか?

三叶草 2018-12-21 15:06:06 0  0  1552

CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか?

片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているため、水平方向にスタックされますが、垂直方向にもスタックしたいのです。私の現在のコード： .topicheader{padding:2%2%;float:leftdisplay:block;background-image:linear-gradient(totop,rgb(40,40,40),rgb(50,50,50))

P粉982054449 2024-04-06 20:45:26 0  2  898

javascript - 4 つのレイヤーのツリー データがインターフェイスから取得され、任意のレイヤーの任意の項目と一致するメソッドが必要です。

少し複雑かもしれませんが、具体的にはこんな感じです インターフェースからデータを受け取り、おおよその構造はこんな感じです: {Code...} 各層のデータにはそれぞれ独立したIDがあり、次に、データの 2 番目の層に対応する子フィールドがあり、2 番目のレベルのデータにも 3 番目のレベルのデータに対応する子フィールドがあり、...何か効率的なものはありますか...

PHP中文网 2017-05-19 10:11:14 0  2  453

VUEjs の最も外側のラッパー test-utils を取得する

VueJS のテストを作成していて、HTML の最外層にアクセスしたいと考えています。ただし、どのような方法を使用しても、最外層は常に無視されます。とにかく、この最外層にアクセスして、それを使って何かを行うことができます (例: externalmostLayer.removeAttribute('key')) constoriginalHTML='<mainkey="outermost-layer"><main>content&

P粉809110129 2023-09-14 10:53:30 0  1  583

余白折りを無効にする方法

余白折りを完全に無効にする方法はありますか?私が見つけた唯一の解決策 (「展開」という名前) は、1 ピクセルの境界線または 1 ピクセルのパディングを使用することです。これは容認できないと思います。余分なピクセルによって計算が不必要に複雑になります。このマージンの縮小を無効にする、より合理的な方法はあるでしょうか?

P粉530519234 2023-08-21 23:21:12 0  2  499

JavaScript - slideToggle は折りたたみメニュー効果を実装していますが、このオプションをクリックすると展開され、他のオプションが自動的に折りたたまれることをどのように実現すればよいでしょうか?

実現したいのは折りたたみメニューですが、スライドトグルはクリックすることによってのみ折りたたむことができます。他のオプションをクリックすると、展開されたメニューが自動的に折りたたまれます。どうすれば変更できますか?コードは次のとおりです: $("&gt; li", this).each(function () { {code...}

某草草 2017-07-05 11:06:06 0  3  991