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

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

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

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

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

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

javascript - 하위 요소 iframe이 새로 고쳐질 때마다 상위 iframe이 겹쳐지고 로드됩니다.

상위 레이어는 js를 사용하여 하위 iframe의 요소를 가져와야 하기 때문에 {code...} 이제 하위 레이어가 새로 고쳐질 때마다 상위 레이어의 요소를 클릭하면 한 번 겹쳐집니다. , 첫 번째 클릭은 한 번 바운스된 다음 한 번 클릭하면 하위 레이어가 두 번 재생됩니다. 이를 방지하는 방법은 무엇입니까?

阿神 2017-05-19 10:08:26 0  1  517

java - 웹 애플리케이션 계층화 이해

오늘 Alibaba JAVA 개발 매뉴얼에서 애플리케이션 계층화에 대한 관련 내용을 보았습니다. 귀하의 프로젝트는 어떻게 계층화되어 있습니까? 아래 그림은 Alibaba가 권장하는 계층화된 웹 계층을 보여줍니다. 서비스 계층과 DAO 계층은 모두 이해하기 쉽습니다. 터미널 디스플레이 계층이 Spring-mvc 등으로 구성되어 있다는 것을 눈치채지 못했습니다.

某草草 2017-05-17 10:04:17 0  1  729

javascript - vue2, vuex, 데이터 레이어와 컨트롤러 레이어에 대한 몇 가지 의구심

질문은 다음과 같습니다. 먼저 개인적인 이해를 말씀드리자면, Model 레이어를 변경하면 View 레이어에 반영되고, View 레이어를 변경하면 모델에도 반영됩니다. .vue 파일에서 모델 레이어는 데이터 객체의 데이터이고(여기에 매장 창고가 없다고 가정) vue의 뷰는 임시 레이어입니다.

天蓬老师 2017-07-03 11:41:41 0  1  829

HTML CSS Js - 축소 가능한 트리, 열 때 축소 표시

여기 https://codepen.io/ac_coding/pen/wMmKgb 예제를 사용하여 축소 가능한 메뉴를 생성하고 있지만 열 때 메뉴가 완전히 축소되기를 원합니다. $('toggleClass').click()과 같은 Javascript에 몇 가지 변경 사항을 추가하려고 시도했지만 지금까지는 운이 없었습니다. Javascript는 초보자이기 때문에 이해하기 어렵습니다. 모든 옵션이 축소된 상태에서 페이지가 열리도록 하는 방법에 대한 도움을 주시면 대단히 감사하겠습니다. 미리 감사드립니다. /*이것

P粉738046172 2023-09-07 09:43:38 0  1  573

java - 컨트롤러 계층과 서비스 계층 간에 값을 전송하는 방법은 무엇입니까?

현재 아키텍처의 컨트롤러 계층과 서비스 계층은 값을 전송하기 위해 map<string, string>을 사용하므로 많은 경우 값 변환이 번거롭지만 Bean 객체를 사용하여 값을 전송하는 경우에는 특별히 값을 전송하는 데 사용되는 많은 Bean이 필요합니다. 건설됩니다. . . . 건축 전문가님의 조언 부탁드립니다.

阿神 2017-05-17 09:57:48 0  4  1200

java - Spring의 컨트롤러 계층은 서비스 계층 객체를 주입하기 위해 @Resource를 작성해야 합니다.

1. Spring의 컨트롤러 계층은 서비스 계층 개체를 주입하기 위해 여전히 @Resource를 작성해야 합니다.

欧阳克 2017-06-23 09:12:59 0  2  1003

javascript - IE에서 위치 지정 시 계층 구조 문제

고정 위치 지정을 사용하는 외부 레이어에 상자가 있고 내부 레이어에 절대 위치 지정이 있습니다. 그런 다음 내부 상자에 클릭 이벤트를 제공하지만 IE9에서는 클릭할 수 없습니다. 이것은 외부 고정 상자입니다. 이것은 내부 절대 상자입니다. 이 내부 상자에...

曾经蜡笔没有小新 2017-06-29 10:10:04 0  1  915

vim - 코드 폴딩을 찾는 코드 조각

기존 접는 부분 코드 : {코드...} 접기 전 텍스트 : 기존 접는 효과 : 내 요구 사항 : 아래 사진처럼 앞쪽에 남는 부분은 어떻게 제거하면 더 깔끔해 보일까요? 이제 막 연락을 시작했어요. 조언을 좀 해주셨으면 좋겠습니다.

给我你的怀抱 2017-05-16 16:41:57 0  1  805

javascript - 내부 div의 너비에 따라 외부 div의 너비를 적응적으로 조정하는 방법

순수한 html+css, 의사 코드 예를 사용하는 것이 가장 좋습니다: {code...} 외부 div1의 너비가 내부 div의 너비에 따라 변경되도록 합니다.

PHP中文网 2017-06-26 10:58:30 0  3  962

단일 레벨 루프용

대체 행의 색상 변경 테이블을 제어하기 위해 단일 레이어 for 루프에 대한 코드를 보내줄 수 있는 마스터가 있습니까? 감사합니다!

小崔 2017-10-28 14:43:32 0  2  1412

CSS - BFC 마진 축소 문제

http://w3help.org/zh-cn/kb/010/굵게 표시된 두 문장은 접힌 것인가요? 블록 형식화 컨텍스트에서 상자는 수직으로 하나씩 배치되며 시작점은 포함 블록의 상단입니다. 두 형제 상자 사이의 수직 거리는 '여백' 속성에 따라 다릅니다. 블록에...

巴扎黑 2017-05-16 13:43:46 0  1  661

vim에서 js 코드를 접을 방법이 없습니다

내 코드 조각은 아래와 같습니다. 내 vim 구성 파일은 다음과 같습니다. ][3] 이때 za를 누르면 코드를 접을 수 없습니다. 그런데 파이썬 함수는 파이썬 파일에서 정상적으로 접을 수 있습니다. 답변 부탁드립니다.

迷茫 2017-05-16 16:37:14 0  2  711

팝업 레이어 코드 재사용

팝업 레이어의 코드를 별도로 제시한 후 인용할 수 있나요?

三叶草 2018-12-21 15:06:06 0  0  1528

CSS에서 부동 요소를 수평이 아닌 수직으로 쌓는 방법은 무엇입니까?

한쪽에는 기본 콘텐츠가 있고 다른 한쪽에는 추가 콘텐츠가 있는 두 개의 열로 구성된 웹페이지를 만들려고 합니다. 하지만 float 속성을 사용하여 추가 열을 왼쪽으로 정렬하기 때문에 가로로 쌓이지만 세로로 쌓기를 원합니다. 내 현재 코드: .topicheader{padding:2%2%;float:leftdisplay:block;Background-image:linear-gradient(totop,rgb(40,40,40),rgb(50,50,50))

P粉982054449 2024-04-06 20:45:26 0  2  849

javascript - 4개 레이어의 트리 데이터가 인터페이스에서 얻어지며, 모든 레이어의 항목을 일치시키는 방법이 필요합니다.

조금 복잡할 수도 있지만 구체적인 내용은 다음과 같습니다. 데이터 조각이 인터페이스에서 수신되며 구조는 대략 다음과 같습니다. {코드...} 각 레이어의 각 데이터 조각은 독립적인 ID를 가지고 있습니다. 그리고 두 번째 수준의 데이터에 해당하는 자식 필드도 있고, 세 번째 수준의 데이터에 해당하는 자식 필드도 있습니다. 효율적인 것이 있을까요?

PHP中文网 2017-05-19 10:11:14 0  2  446

VUEjs의 가장 바깥쪽 래퍼 테스트 유틸리티를 가져옵니다.

VueJS에 대한 테스트를 작성 중이며 HTML의 가장 바깥쪽 레이어에 액세스하고 싶습니다. 그러나 어떤 방법을 사용하더라도 가장 바깥쪽 레이어는 항상 무시됩니다. 어쨌든, 이 가장 바깥쪽 레이어에 액세스하여 이를 사용하여 작업을 수행할 수 있습니다(예: externalmostLayer.removeAttribute('key')) constoriginalHTML='<mainkey="outermost-layer"><main>content&

P粉809110129 2023-09-14 10:53:30 0  1  571

여백 접기를 비활성화하는 방법

여백 접기를 완전히 비활성화하는 방법이 있습니까? 내가 찾은 유일한 해결책("uncollapsing"이라고 함)은 1픽셀 테두리나 1픽셀 패딩을 사용하는 것입니다. 저는 이것이 용납될 수 없다고 생각합니다. 추가 픽셀로 인해 계산이 불필요하게 복잡해지기 때문입니다. 이 여백 축소를 비활성화하는 더 합리적인 방법이 있습니까?

P粉530519234 2023-08-21 23:21:12 0  2  495

javascript - SlideToggle은 접이식 메뉴 효과를 구현하지만 이 옵션을 클릭하면 확장되고 다른 옵션은 자동으로 축소된다는 것을 어떻게 인식할 수 있습니까?

제가 원하는 것은 접이식 메뉴인데 슬라이드토글은 클릭해야만 접을 수 있습니다. 제가 원하는 것은 다른 옵션을 클릭하면 확장된 메뉴가 자동으로 접히는 것입니다. 어떻게 수정하나요? 코드는 다음과 같습니다: $("&gt; li", this).each(function () { {code...}

某草草 2017-07-05 11:06:06 0  3  975