オーバーレイ画像を画像境界内に保ちます - 画像にのみ貼り付くように制限します

画像にオーバーレイを貼り付けようとしていますが、このオーバーレイは上部のメニューバーにまで広がっており、画像に貼り付ける方法がわかりません。画像のサイズを変更したり、位置を変更したりするさまざまな方法を試しましたが、それでもメニューバーにはみ出してしまいます。上部の位置を調整すると全画面表示になるための小さな修正ですが、モバイルではメニューが非表示になるため機能しません。そして、サイズが変更されると、画像の下に流れます。 header{border-bottom:5pxsolidcoral;font-family:A

P粉838563523 2023-09-20 22:57:13 0  1  687

画像を変換およびフィルタリングするとオーバーレイが生成されます

画像にホバーすると画像のサイズが大きくなり、ホバーした画像が他の画像によって切り取られないコードを見つけました：tutorialsrepublic.com しかし、次のコードも入力すると： img{transition:filter.5sease-in -out ;-webkit-filter:grayscale(100%);filter:grayscale(100%);}img:hover{-webkit-filter:grayscale(0%);filter:gr

P粉276876663 2023-09-15 20:58:43 0  1  1060

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

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

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

JavaScript - モバイルブラウザの画像ビューアで画像画像が開かれないようにする方法

1. みなさんこんにちは～ 広告ページのランディングページを作成する際に問題が見つかりました 2. ランディングページの広告ページに似たページで、AndroidのUCブラウザで画像をクリックすると画像の閲覧に変わります(これ他のブラウザでは見つかりません) 状況) 3. ページのコード構造は次のとおりです: {code...} 4. img はオーバーレイ ハンド...

巴扎黑 2017-06-17 09:16:19 0  2  1009

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

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

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

画像タグの編集

画像アドレスの編集方法

sunshine bloom 2018-01-03 11:20:19 0  1  1491

画像紹介

先生、私の HTML ドキュメントは 1 つのフォルダーにあり、画像は別のフォルダーにあります。画像はどのようにインポートすればよいですか?

Ollie 2018-10-04 10:40:51 0  1  1423

背景画像を挿入

そして、画像が繰り返されないように画像にテキストを追加します

小智孝 2017-05-13 18:01:28 0  2  1164

画像レイアウトの対処方法

画像はデータベースにどのように保存されますか? 画像はコンテンツ フィールドに保存されますか?

阳羊 2018-10-28 00:19:10 0  2  1316

画像の挿入

画像はどのファイルに入れるべきでしょうか?

Pervenu 2019-09-22 13:04:29 0  0  1182

3 画像ファイルを開く複数の方法

①ファイル-開く 画像を選択します。 ②Photoshopの空白部分をダブルクリックして画像を開きます。 ③Ctrl+o (すべての画像を閉じる) ファイル-すべて閉じる (Ctrlを押しながら複数の画像を選択し、複数の画像をクリックします。Shiftを押しながら連続した画像を選択します)

夜间飞行 2020-08-10 18:25:11 0  0  3390

画像の後ろに複数行のテキストを出力し、画像と並べて表示する方法

画像の後ろに複数行のテキストと画像を並べて出力する方法

whxn 2019-05-08 18:25:44 0  4  2213

php - 画像に 2 つの透かしを追加する、または 3 つの画像を 1 つの画像に結合する

画像に 2 つのウォーターマークを追加するか、3 つの画像を 1 つの画像に結合します。ウォーターマークを 1 つ追加するのは問題ありませんが、2 つのウォーターマークを追加することはできません。

PHP中文网 2017-06-05 11:09:00 0  3  1082

Web デザインで画像を引き伸ばす方法

画面解像度が変更されたときに画像が実行されないように、Web デザインで画像を引き伸ばす方法。

心里都有彼此不是很好吗 2018-06-20 18:31:17 0  2  1289

背景画像を表示

プロジェクトに背景画像を追加したいのですが、機能しません。背景画像をグローバルに追加しようとしましたが、機能しません。

P粉347804896 2023-07-25 13:13:23 0  1  598

画像の自動挿入に失敗する

Wangeditor は、editor.customConfig.uploadImgHooks を使用して画像を手動で設定し、エディタに挿入します。画像はエディタに表示されます。エディタが自動的に画像を挿入するときに、画像がエディタに表示されないのはなぜですか?

**军 2019-07-13 15:11:44 0  0  1091

画像がプレビューできない

画像をプレビューできません。何が問題ですか?

Ch***** 2018-11-09 11:03:58 0  1  1285

ページに画像が読み込まれない

Web アプリケーションにスライド画像をロードしたいので、Bootstrap カルーセルを使用しています。背景から写真を取得します。画像はイメージ状態で保存されます。以下はデータを取得するための JSON 形式です。画像:[{SNO:'1',NAME:'image.jpg',PIC_NAME:'image'}] 画像をアップロードした後、画像は Nodejs の特別なフォルダーに保存され、そこからエンドポイントを使用して画像。以下は Nodejs コードです image.get('/Images/getImag

P粉238433862 2023-09-09 20:59:03 0  1  671

リッチ テキスト エディター - wangeditor+plupload+php はローカル画像をアップロードし、画像は通常どおりロードされます。

コードはWangEditor公式ドキュメントのコードです。ネットワーク画像のアップロードには問題ありませんが、ローカル画像を読み込む方法がありません。 アップロードページへのスクリーンショットのアップロードや画像の貼り付けは問題ありませんが、ローカルにアップロードした画像の表示にエラーが発生します。 HTMLコードでアップロードしたローカル画像のsrcを見てみると、PHPコードはこんな感じ…。

PHP中文网 2017-05-16 13:02:17 0  1  747

PHPは画像を拡大縮小するため、画像サイズが小さい場合（横幅100ピクセル未満など）は文字化けして出力されます。

$src_img=imagecreatefrompng('example.png');//ソース画像 $goal_img= imagecreatetruecolor($goal_width, $goal_height);//ターゲット画像 imagecopyresampled($go

好名字 2018-08-20 18:45:23 0  0  1130