JavaScript - 画像または背景画像の背景色と div の円弧をカバーする方法

1. アバターと背景画像は同じですが、不透明な背景色が追加されていますが、画像は常に背景色を抑制しています (2 番目の写真のように) 2. div の曲率を取得するにはどうすればよいですか? 使用できませんborder-radius を使ってそれを取得し、さまざまな角度から答えを求めます。

给我你的怀抱 2017-06-26 10:58:38 0  1  1110

背景 背景

Background-color：#CCC；背景色 Background-img:url(/img/1.jpg);背景画像 Background-repeat:no-repeat；タイルなしrepeat-x 水平タイルrepeat-y 垂直タイル Background -position : 30px 40px; または 30% 40%; 背景画像の配置 背景: url(i

Geek 2018-11-07 20:45:51 0  0  1240

CSSを使用してWebサイトの背景にランダムな色を生成する方法を誰か教えてもらえますか?出来ますか？

unsplash 画像ソースを使用してランダムな画像を使用できるのと同じように。同様に、CSSだけを使用して背景色を実現できますか? 「はい」の場合、誰かがそれを行う方法を教えてもらえますか？ランダム関数を使用して、スタイルの背景にランダムな色を生成します。しかし、何も出力されません

P粉267791326 2023-09-06 22:53:31 0  1  508

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

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

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

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

css3 - CSS フォント スタイルに背景色の代わりに塗りつぶし色を加えたもの

次のようなフォント スタイルがあります。 ハートを包むスパン全体ではなく、ハートに色を追加したい場合、カラー エラーは次のようになります。 スパンの定義は次のとおりです。 {code...}背景色を追加すると、上の画像が表示されます。効果としては、直接色を使用すると、ハート型の境界線にのみ色が付きます。

天蓬老师 2017-06-08 11:02:27 0  2  1261

CSS ドロップ キャップ画像、空白に配置されたテキスト

これは日常的にドロップキャップが発生する状況ではないと思います。私の大文字の「S」は次のようなイメージです。実際のイメージは上の列まで伸びていることに注意してください。上部のバーは同じ画像の一部であり、大きな S と S の左側の図が含まれています。ここではわかりやすいように背景を青にしていますが、本来の色は白です。 (ただし、最上部の余分な灰色の領域は無視してください。スクリーン キャプチャを行うときに厄介です。) トップ バーと画像を台無しにしたくありません。私に提供された画像は次のようになります。右上隅にトップバーが描かれ、トップバーの下に空白がある長方形の領域です。テキストはこんな感じ...

P粉415632319 2023-09-05 21:42:04 0  2  560

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

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

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

Vueアプリケーションで謎の白い部分を削除するにはどうすればよいですか?

vue3を使用してWebサイトを構築し、その背景画像を設定しようとしています。しかし、除去できない謎の白い部分があります。すべてのマージンとパディングを0に設定し、すべてのml、plクラスを削除したため、マージンやパディングではないと確信しています。アプリケーションコンポーネントの黒の背景色を黒に設定しましたが、領域は白のままです。 Chrome の検査ツールでは、これは HTML 要素であると表示されます。助けてください。 (バックグループ画像を Login.vue のスタイル セクションに配置しました。) ブラウザ検査ツールからの情報: 殺虫剤を使用する

P粉738821035 2023-09-11 21:04:01 0  1  586

背景が丸いテキストを画像にオーバーレイする方法

この画像に表示されているものを HTML で複製する必要があります。問題は、テキストが div と背景画像を覆っていることです。外側の div に画像がなく単色もない場合は、角が丸い小さな HTML 要素を適切な場所に配置すれば、これをかなり簡単に実行できると想像できますが、背景画像によってさらに複雑になります。これまでのところ、私はこれを持っています...ご覧のとおり、2つの丸い角で立ち往生しています。誰かが解決策を提案できますか?すべての最新ブラウザで動作する必要があることに注意してください: #outer{width:100%;hei

P粉328911308 2023-08-30 15:20:14 0  1  491

ClipPathを使用してボトルを色で塗りつぶすにはどうすればよいですか

ボトルの画像があり、このボトルを特定の色で塗りつぶそうとしましたが、塗りつぶし座標は見つかりましたが、ボトル内の背景が塗りつぶされていません。item{width:150px;height:150px;}#tubeLiquid{background-color: #74ccf4 ;クリップパス:ポリゴン(45%19%,41%22%,41%29%,41%36%,41%43%,41%50%,41%57%,41%63%,41 %70 %,41%77%,

P粉690200856 2023-09-09 14:53:51 0  2  539

パディングを使用して親要素内の兄弟画像/divの重複と同じサイズを実現する方法

画像をカバーするdivが必要です。親要素でposition:relativeを使用し、divでposition:absoluteを使用すると、divが画像をカバーするようにできますが、背景色が親要素のパディングを埋めるため、適切にカバーできません。以下は問題を示すスニペットです。 .parent{位置:相対;パディング:10px;幅:40%;}.image{幅:

P粉554842091 2023-09-12 10:49:55 0  2  559

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

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

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

画像とテキストを横に並べるにはどうすればよいですか? HTML CSS フレキシブル ボックス

テキストが画像の下に配置されるようになりました。テキストを画像の横に縦方向に配置したいと考えています。 flex-direction:column と justify-content:center を追加しようとしましたが、うまくいきませんでした。 floatも試しましたが、それもうまくいきませんでした。文字と画像を並べて配置する方法がわかりません。どうすれば横に並べることができますか?私のコードにエラーはありますか? .whoweare{パディング:80px0px50px;背景色:#000000;}.w

P粉350036783 2023-08-26 00:23:03 0  1  663

overflow:hide は私の SVG マスクを間違った場所にクリップします:(

パーカーの色を変更できるプロフィール写真を作成しようとしています。画像 1 - オーバーフロー:なし 画像 2 - オーバーフロー:非表示 ただし、円にフィットするようにオーバーフローを非表示にしたい場合、間違った場所で SVG マスクがクリップされます。これを行う他の方法はありますか、それともより経験のある人がどこで間違っているかを教えてくれるでしょうか? .memoji-wrap{幅:80px;高さ:80px;背景:#f6f6f6;border-radi

P粉885035114 2023-09-13 21:45:29 0  1  608

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

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

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

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

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

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

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

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

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

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

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