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

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

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

背景 背景

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

目的-c - 写真の効果を実現するにはどうすればよいですか?

アバターを変更します。後ろの背景画像はアバターの色に応じて変わりますが、どの兄弟がデモを提供できるか教えてください。

曾经蜡笔没有小新 2017-05-02 09:23:29 0  4  714

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

リモート ウェアハウスを git に追加した後、プッシュできません

Alibaba Cloud ECS (CentOS7) を持っており、そこにプロジェクトを配置する必要がありますが、github を経由したくありません。リモート ウェアハウスをローカル git ウェアハウスに直接追加して、ECS に直接プッシュしたいと考えています。 。まず ECS にプロジェクト ディレクトリを作成し、ウェアハウスを初期化します。 $ git init added the Remote...

漂亮男人 2017-05-02 09:28:02 0  2  547

Objective-C のブロックと Swift のクロージャの違いは何ですか?

ブロックはOCのクロージャです。Swiftのクロージャとの違いは何ですか?

怪我咯 2017-05-02 09:28:03 0  1  650

github - git は特定のサフィックスを除くすべてのファイルを無視できますか

タイトルの通り、ignoreの補語に相当するのでしょうか？

PHPz 2017-05-02 09:28:04 0  1  783

object-c - この cas ファイルを偶然見ましたか?これはどのように書かれているか聞いてもいいでしょうか？

(www.sf.gg) は、中国を代表する開発者テクノロジー コミュニティです。 私たちは、プログラミング愛好家に純粋で高品質な技術交流プラットフォームを提供し、開発者と一緒に学び、コミュニケーションし、成長し、開発者の時代を作りたいと考えています。

巴扎黑 2017-05-02 09:28:04 0  1  527