오버레이 이미지를 이미지 경계 내에 유지 - 이미지에만 고정되도록 제한

이미지에 오버레이를 넣으려고 하는데 이 오버레이가 상단 메뉴 표시줄까지 확장되어 이미지에 그냥 붙여넣는 방법을 모르겠습니다. 이미지 크기를 조정하고 위치를 변경하는 다양한 방법을 시도했지만 여전히 메뉴 표시줄까지 늘어납니다. 상단 위치를 조정할 때 전체 화면에 대한 작은 수정이지만 모바일에서는 메뉴가 숨겨져 있으므로 작동하지 않습니다. 그리고 크기가 변경되면 이미지 아래로 흐릅니다. 헤더{테두리-하단:5pxsolidcoral;글꼴-가족:A

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

CSS를 사용하여 이미지에 여러 투명 오버레이를 추가하는 방법

어떻게 삼각형을 누르고 하얀 원 위에 내용을 포함시킬 수 있나요? 이미지의 일부로 세 개의 오버레이 모양이 포함된 배경 이미지로 히어로 섹션을 만드는 솔루션을 찾으려고 합니다. 오버레이 위에는 h1, p 및 btn이 있습니다. 디자인이 어떻게 보일지 보여주는 스크린샷을 아래에 포함시켰습니다. 다음 세 가지 오버레이가 있습니다. 하단 투명도가 0%인 직각 모양. 투명도가 있는 외부 원입니다. 투명도가 있는 내부 원. 지금까지 내가 가진 것은 다음과 같습니다. 아래에 스니펫을 포함시켰으며 Codepen에도 작동하는 버전이 있습니다. 원...

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

javascript - 모바일 브라우저의 사진 뷰어에서 img 사진이 열리지 않도록 하는 방법

1. 안녕하세요 여러분~ 광고페이지 랜딩페이지 제작 중 문제를 발견했습니다. 2. 랜딩페이지 광고페이지와 유사한 페이지의 경우, 안드로이드 UC 브라우저에서 이미지를 클릭하면 이미지 보기로 변경됩니다(이것). 다른 브라우저에서는 찾을 수 없음) 상황) 3. 페이지 코드 구조는 다음과 같습니다. {code...} 4. img는 오버레이 핸드입니다...

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

이미지를 변환하고 필터링하면 오버레이가 생성됩니다.

이미지에 마우스를 올리면 이미지 크기가 커지고 마우스에 올려진 이미지가 다른 이미지에 의해 잘리지 않는 코드를 찾았습니다: tutorialsrepublic.com 하지만 이 코드도 입력하면: img{transition:filter.5sease-in -out ;-webkit-filter:회색조(100%);필터:회색조(100%);}img:hover{-webkit-filter:회색조(0%);filter:gr

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

둥근 배경의 텍스트로 이미지를 오버레이하는 방법

이 이미지에 표시된 내용을 HTML로 복제해야 합니다. 문제는 텍스트가 div와 배경 이미지를 덮고 있다는 것입니다. 외부 div에 이미지가 없고 단색이 없다면 둥근 모서리가 올바른 위치에 배치된 일부 작은 html 요소를 사용하여 이 작업을 상당히 쉽게 수행할 수 있다고 상상할 수 있지만 배경 이미지가 복잡함을 더합니다. 지금까지 나는 이것을 가지고 있습니다... 보시다시피, 나는 두 개의 둥근 모서리에 붙어 있습니다. 누구든지 해결책을 제안할 수 있나요? 모든 최신 브라우저에서 작동해야 합니다. #outer{width:100%;...

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

사진 소개

선생님, 제 HTML 문서는 한 폴더에 있고 그림은 다른 폴더에 있습니다. 그림을 어떻게 가져오나요?

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

이미지 태그 편집

이미지 주소를 편집하는 방법

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

그림 삽입

이미지는 어떤 파일에 넣어야 하나요?

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

이미지 레이아웃을 처리하는 방법

사진은 데이터베이스에 어떻게 저장되나요? 콘텐츠 필드에 저장되나요?

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

배경 이미지 표시

내 프로젝트에 배경 이미지를 추가하고 싶지만 작동하지 않습니다. 전역적으로 배경 이미지를 추가하려고 시도했지만 작동하지 않습니다.

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

php - 이미지에 두 개의 워터마크를 추가하거나 세 개의 이미지를 하나의 이미지로 결합합니다.

사진에 두 개의 워터마크를 추가하거나 세 개의 사진을 하나의 사진으로 결합합니다. 하나의 워터마크를 추가하는 것은 괜찮지만 두 개의 워터마크는 작동하지 않습니다.

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

3 이미지 파일을 여는 다양한 방법

①파일-열기 사진 선택 ②Photoshop의 빈 공간을 두 번 클릭하여 사진 열기 ③Ctrl+o(모든 사진 닫기) 파일-모두 닫기(Ctrl 키를 누른 상태에서 여러 사진 선택, 여러 사진 클릭, Shift 키를 누른 상태에서 연속된 사진 선택)

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

PHP 이미지 업로드 문제 수정: 여러 게시물에 새 이미지를 업로드하려면 이전 이미지를 교체하세요.

내 PHP 애플리케이션의 이미지 업로드 기능에 문제가 있습니다. 상황은 다음과 같습니다. 사용자가 게시물을 작성하고 게시물과 관련된 이미지를 업로드할 수 있는 양식이 있습니다. 이미지가 첨부된 첫 번째 게시물을 업로드하면 모든 것이 잘 작동하고 이미지가 Uploads라는 폴더 아래 서버에 올바르게 저장되고 이름(예: post1_image.jpg)으로 저장됩니다. 그런데 첫 번째 이미지와 이름이 같은 다른 이미지(예: post1_image.jpg)를 사용하여 두 번째 게시물을 업로드하려고 하면 다음과 같은 질문이 발생합니다.

P粉788765679 2023-09-14 11:27:48 0  1  467

페이지에 이미지가 로드되지 않음

웹 애플리케이션에서 슬라이딩 이미지를 로드하려고 하며 이를 위해 Bootstrap 캐러셀을 사용하고 있습니다. 배경에서 사진을 찍으세요. 이미지는 이미지 상태로 저장됩니다. 다음은 데이터를 가져오는 JSON 형식입니다. Images:[{SNO:'1',NAME:'image.jpg',PIC_NAME:'image'}] 이미지를 업로드한 후 Nodejs의 특수 폴더에 저장되고 거기에서 엔드포인트를 사용하여 이미지를 추출합니다. 이미지. 다음은 Nodejs 코드입니다.

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

자동으로 그림을 삽입하는 데 실패했습니다.

Wangeditor는 editor.customConfig.uploadImgHooks를 사용하여 그림을 수동으로 설정하고 편집기에 삽입합니다. 편집기에서 자동으로 삽입할 때 그림이 편집기에 표시되지 않는 이유는 무엇입니까?

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

그림 뒤에 여러 줄의 텍스트를 출력하고 그림과 병치시키는 방법

사진 뒤에 여러 줄의 텍스트와 이미지를 나란히 출력하는 방법

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

웹 디자인에서 그림을 늘리는 방법

화면 해상도가 변경될 때 이미지가 실행되지 않도록 웹 디자인에서 이미지를 늘리는 방법.

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

javascript - vue 스크롤 로딩 이미지

요구 사항: 스크롤 막대를 아래로 당길 때 그림을 로드하고, 한 번에 6개의 그림을 로드합니다. 그림 수가 30개를 초과하면 로드가 완료된 후 처음 6개의 그림이 제거되고 30개의 DOM 노드가 로드됩니다. 유지됩니다. 이제 데이터에 imgarr=[]를 저장할 이미지 주소로 설정합니다.

阿神 2017-05-18 10:59:25 0  2  655

타사 서버에서 이미지 다운로드 버튼

어떤 브라우저에서든 이미지가 보이면 마우스 오른쪽 버튼을 클릭하고 "다른 이름으로 저장"을 클릭하여 다운로드할 수 있습니다. 이미지를 다운로드하는 버튼을 만들려고 합니다. 다운로드 버튼은 위의 이미지인 바코드를 다운로드해야 합니다. 나는 반응을 사용하고 있는데 이것이 답변과 관련이 있는지 확실하지 않습니다. 다운로드 속성과 함께 <a/> 태그를 사용할 수 있다는 내용을 읽었지만 저는 Firefox를 사용하고 있는데 바코드 이미지를 호스팅하는 페이지로 리디렉션되고 다운로드 창이 열리지 않습니다. 코드는 매...

P粉198670603 2024-02-21 14:47:20 0  1  359

이미지의 시작점과 끝점

이미지의 시작점과 끝점을 설정하려고 합니다. 캔버스와 이미지가 있고 이미지를 캔버스에 넣을 때 시작/끝 지점 위로 마우스를 가져가면 작은 빨간색 원이 켜지기를 원합니다. 이는 다른 이미지 연결을 사용하여 만들 수 있음을 의미합니다. 예: 1) 이미지를 드래그합니다. 2) 이미지를 캔버스에 배치합니다. 3) 시작점/종료점에 마우스를 올리면 작은 빨간 점이 켜집니다. 보시다시피 빨간색 점은 마우스를 올려놓을 때만 나타납니다. 또 다른 질문이지만 첫 번째 질문을 해결하면 멋지네요. 이미지가 그릴(사각형)을 따르지 않습니다. 이것은 htm...

P粉511757848 2023-08-31 12:24:51 0  1  561