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

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

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

다양한 오버레이 ID를 처리하는 방법: 동일한 JavaScript 함수 사용

다양한 링크에 대한 오버레이를 표시하고 싶습니다. 첫 번째 오버레이에는 이미지와 텍스트가 포함되어 있으며, 링크 2를 클릭하면 구조는 동일하지만 콘텐츠가 다른 오버레이 2가 표시되어야 합니다. 원하는 결과를 얻을 수 있도록 도와주세요. functionon(){document.getElementById("overlay").style.display="block";}functionon1(){document.getElementBy

P粉511757848 2023-09-04 22:36:35 0  1  493

레스토랑 웹사이트의 버튼 오버레이 표시 문제를 해결하는 방법

오버레이 페이지를 올바르게 표시하기 위해 React.js를 사용하여 레스토랑 웹사이트에 버튼을 만드는 데 문제가 있습니다. 이는 자체 구성 요소(MenuButtons.jsx)에 설정되어 있으며 이전 페이지의 짧은 메뉴 섹션 하단에 있습니다(아래 이미지 참조). 전체 메뉴가 너무 길어 첫 페이지에 모두 담기에는 나머지 메뉴(예: 와인 목록, 점심 메뉴 등)에 대해 별도의 오버레이 페이지를 시작했으면 좋겠습니다. 아래 이미지는 와인 목록 오버레이 페이지의 모양을 보여줍니다. 다음은 코드입니다: importReact,{useState}f...

P粉289775043 2024-01-16 19:22:49 0  1  447

이미지를 클릭하면 숨겨지고, 다시 클릭하면 표시되는 방법이 있나요?

개체를 오버레이하는 이미지가 있습니다. 클릭해서 숨기고 개체를 표시(360도 가상 둘러보기)한 다음 가상 둘러보기를 클릭하면 똑같은 이미지를 표시하고 싶습니다. <imgsrc="https://i.ibb.co/ZBkxZHW/360-overlay-white.png"onclick="this.style.display='none';"style="위치:abs

P粉186017651 2024-04-03 20:13:41 0  1  499

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

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

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

HTML에서 오버레이 및 마커가 포함된 Mapbox 지도 내보내기/다운로드

고객이 개인화된 지도를 만들 수 있는 HTML 페이지를 만들고 싶습니다. 저는 이것을 만들기 위해 Mapbox를 사용했습니다. 이 지도 위에 오버레이가 있으며, 고객은 지도에 마커를 배치할 수도 있습니다. 하지만 저는 두 가지 큰 문제로 어려움을 겪고 있습니다. 오버레이와 마커를 포함한 고품질 지도 이미지를 얻는 방법입니다. 포스터에 인쇄하고 싶기 때문입니다. 고객이 "저장"을 클릭하고 구매한 후 이 이미지가 내 서버로 전송되어 인쇄할 수 있도록 온라인 상점에서 이 논리를 어떻게 구현할 수 있습니까? https:/...

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

Jquery Toast 플러그인으로 진행률 표시줄을 비활성화하는 방법은 무엇입니까?

그림과 같이 토스트 팝업 상자에 진행률 표시줄이 표시됩니다. 토스트 플러그인 구성에서 이 진행률 표시줄을 비활성화하는 방법은 무엇입니까? Jquery Toast 플러그인 문서

大家讲道理 2017-07-05 10:39:11 0  2  981

javascript - jQuery 파일 업로드 플러그인에 대한 질문

사용자는 input="file" 태그를 사용하여 그림을 선택합니다. 사용자가 선택한 그림을 캔버스에 그린 후 처리를 위해 base64 그림 데이터를 얻습니다. 그러면 이 결과를 jQuery 파일에 어떻게 넣을 수 있을까요? 업로드를 누른 다음 버튼을 클릭하세요. 업로드는 어떻게 되나요? {암호...}

淡淡烟草味 2017-06-10 09:49:07 0  1  670

onclick() 함수를 통해 이미지 변경

개체를 클릭하면 한 그림을 다른 그림으로 바꾸고 싶습니다. 코드는 다음 순서로 쌓입니다. 내가 원하는 것은 클릭하면 이미지가 컬러 버전의 이미지, 즉 다른 이미지로 대체되는 것입니다. 이제 JQuery/JS를 사용하여 이를 수행할 수 있다는 것을 알았습니다. 하지만 이렇게 간단한 기능을 구현하기 위해 JS 코드를 많이 추가하고 싶지는 않습니다. 이것을 달성하는 더 쉬운 방법이 있습니까? pseudo-selector.active 클래스와 같은 메소드? 나는 그것을 알아낼 수 없다.

P粉242535777 2023-08-18 08:53:28 0  1  515

javascript - vue의 다른 곳을 클릭하여 모달을 닫는 방법

그림과 같이 다른 곳을 클릭하여 이 팝업 레이어를 닫는 방법은 무엇입니까? jquery로 조작하는 것은 매우 간단합니다. vue에서 이 기능을 구현하는 아이디어가 무엇인지 알고 싶습니다.

我想大声告诉你 2017-05-19 10:35:22 0  3  772

javascript - 특정 조건이 충족되면 드래그 앤 드롭을 중지하도록 jquery ui의 드래그 앤 드롭 기능을 구현하는 방법

그림과 같이 오른쪽 하단의 작은 점을 드래그하면 이미지를 확대/축소할 수 있습니다. jquery ui의 확대/축소 기능이 만족스럽지 못하므로 이제 오른쪽 하단의 작은 점을 드래그해야 합니다. 그림 2의 위치로 이동하면 더 이상 왼쪽 상단 방향으로 계속 끌 수 없습니다. 어떻게 해야 합니까? 오랫동안 인터넷에서 찾아봤는데...

某草草 2017-05-19 10:42:24 0  1  493

javascript - 취소 버튼을 클릭할 때 jquery에서 동적으로 추가한 데이터를 삭제하고 원본은 남겨 두는 방법은 무엇입니까?

그림과 같이 빨간색 원 안의 내용은 jquery에서 동적으로 추가한 내용에 적합합니다. 원본을 그대로 두고 저장하거나 취소한 후 동적으로 추가된 내용을 삭제하려면 어떻게 해야 합니까? 다음에 팝업 상자를 클릭하면 여전히 원래 상자처럼 보이나요?

天蓬老师 2017-05-18 10:50:42 0  5  616

javascript - 플러그인 없이 2차 연계 아이디어를 알려주세요! ! !

사진과 같이 이런 2차 연계에 대한 아이디어를 찾고 있는데... 어떻게 써야할지 모르겠네요... bootstrap과 jquery를 이용해서 개발했습니다. 드롭다운 메뉴가 2개 있는데, 부트스트랩의 드롭다운 메뉴는 선택 및 옵션 태그 없이 사용됩니다. 온라인 대기 중... 긴급! ! !

ringa_lee 2017-05-19 10:22:20 0  5  586

javascript - jQuery 또는 Canvas 일체형 디스플레이 효과 아이디어 솔루션

그림에서 볼 수 있듯이 신용 점수 100은 Angular.js를 통해 바인딩된 데이터입니다. 이제 jQuery나 Canvas를 사용하여 신용 점수 페이지에 특수 효과를 만들어야 합니다. 사용자의 시작 신용은 100이고 작은 흰색 원이 표시됩니다. 맨 오른쪽에 있습니다. 그러면 사용자의 신용 점수가 100점을 초과하면 증가하거나 감소합니다.

怪我咯 2017-05-19 10:28:23 0  4  626

javascript - 클릭 이벤트 버그입니다. 무엇이 잘못되었는지 모르겠습니다.

1. 그림이 입 오른쪽으로 스크롤 된 후 왼쪽 화살표를 빠르게 클릭하면 돋보기 기능이 무효화되고 그 외의 경우에는 아무데나 클릭해도 문제가 없는 것 같습니다. 어디에서 문제가 발생했는지 알 수 없습니다. stop()과clearQueue()를 사용했지만 효과가 없습니다. html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  1010

javascript - UI 스타일 계산이 너무 많으면 브라우저가 너무 느리게 로드됩니다. 특히 IE에서는 선배에게 조언을 구하세요.

얼마 전 EasyUI+jQuery를 사용해 페이지를 만들었는데 처음에는 로딩 문제가 없다고 느꼈는데, 데이터가 늘어나면서 로딩 시간이 확연히 20초 이상씩 걸리더군요. IE가 열리는 중 성능 분석의 경우 실제로는 3분 이상 소요됩니다. . . . 테스트 후 구체적인 사진은 다음과 같습니다.

習慣沉默 2017-07-05 10:40:49 0  3  1016

사용자가 한 페이지에서 이미지를 업로드하거나 변경하고 다른 페이지에 표시하도록 허용하는 방법은 무엇입니까?

사용자가 한 페이지에 사진을 업로드한 다음 다른 페이지에 표시하도록 하는 방법은 무엇입니까? 사용자는 이미지를 변경할 수 있으며 다른 페이지에서도 변경됩니다. 또한 가장 잘 작동하는 php/js/jquery/mysqli를 사용하는 것에 대해 이야기하고 있습니다. (저는 이 분야의 초보자이므로 간단한 언어를 사용해주시면 감사하겠습니다 :)) EDIT: 네, 초보자라고 말했지만 그렇다고 제가 코딩에 대해 전혀 모른다는 뜻은 아닙니다. . 또한 YouTube 및 기타 stackoverflows 질문에서 몇 가지 솔루션을 보았지만 모두

P粉298305266 2024-04-01 18:33:31 0  1  582

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

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

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

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

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  669