클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까?

페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요. 제목을 클릭하면 위의 이미지가 텍스트 상자/다른 이미지/스크롤 가능한 구분 기호처럼 됩니다. 여기에서는 오른쪽의 해골 이모티콘을 클릭하면 왼쪽 상자에 새 div/이미지가 나타나는 페이지의 효과를 얻으려고 합니다. 나는 소스 코드를 보고 그녀가 이 효과를 얻기 위해 무엇을 하는지 확인하고 있지만 여전히 무엇인지 잘 모르겠습니다. w3schoolson을 사용하려고 합니다

P粉872101673 2024-04-04 11:21:03 0  1  3760

배경 이미지에 CSS 필터 효과를 사용하는 방법

검색 페이지의 배경 이미지로 사용하고 있는 JPEG 파일이 있고 Backbone.js 컨텍스트에서 작업하고 있기 때문에 CSS를 사용하여 설정하고 있습니다. background-image:url("whatever.jpg "); CSS3 흐림 필터를 배경에만 적용하고 싶지만 해당 요소에만 스타일을 지정하는 방법을 모르겠습니다. 시도하면: -webkit-filter:blur(5px) -moz-filter:blur(5p)

P粉022285768 2023-08-20 13:28:36 0  2  485

배경 이미지에 CSS 필터를 적용하는 방법

검색 페이지의 배경 이미지로 사용하고 있는 JPEG 파일이 있고 Backbone.js 컨텍스트에서 작업하고 있기 때문에 CSS를 사용하여 설정하고 있습니다. background-image:url("whatever.jpg "); CSS3 흐림 필터를 배경에만 적용하고 싶지만 해당 요소에만 스타일을 지정하는 방법을 모르겠습니다. 시도하면: -webkit-filter:blur(5px) -moz-filter:blur(5px)

P粉722409996 2023-08-21 11:18:28 0  2  526

순수 Javascript를 사용하여 이미지 교체를 위한 전환 효과 구현

내가 만든 웹사이트에는 여러 개의 아코디언이 있는데 각 아코디언의 상단에는 이미지가 있습니다. 아코디언을 펼치면 안에 설명이 들어가고 이미지가 다른 것으로 변경됩니다. 그런 다음 아코디언을 닫으면 이미지가 첫 번째 이미지로 다시 전환됩니다. 문제는 이 이미지 변경이 페이드 효과를 사용하여 부드럽게 전환되기를 원하는데 지금은 갑작스러운 변경일 뿐이라는 것입니다. 어떻게 해야 합니까? 아코디언 버튼의 ID가 "button"이고 첫 번째 이미지(두 번째 이미지로 변경됨)가 포함된 레이블의 ID가 "firstim...

P粉458913655 2024-03-30 00:14:11 0  1  419

CSS - Blur() 필터에 투명 효과가 있는 이유는 무엇입니까?

현재 상황은 다음과 같습니다. 베이징에서는 매장 사진의 배경을 흐리게 설정했지만 이제 필터를 사용하여 흐리게 처리하는 데 투명한 문제가 있습니다. 일반적으로 배경이 흐려지는 것은 의사 요소이기 때문입니다. , CSS에서 이미지 리소스를 얻을 수 없어서 이렇게 작성했습니다. 요소는 절대값을 통해 위치 지정됩니다...

巴扎黑 2017-05-16 13:26:12 0  1  795

프런트엔드 - CSS 배경 이미지 로딩 속도를 높이는 방법

내 페이지 중 하나에서는 여러 CSS 배경 설정을 이미지로 사용했습니다. 이미지 크기는 아마도 수십 K일 것입니다. 이제 처음 웹 페이지를 열면 이러한 장소는 분명히 로드 속도가 느리고 모든 스타일처럼 보입니다. 그 후에는 이미지가 지워집니다. CSS 로딩 속도를 높일 수 있는 방법이 있나요?

滿天的星座 2017-06-06 09:54:29 0  6  1241

배경 이미지에 CSS 필터를 적용하는 방법

검색 페이지의 배경 이미지로 사용하는 JPEG 파일이 있고 Backbone.js 컨텍스트에서 작업하기 때문에 CSS를 사용하여 이를 설정하고 있습니다. background-image:url("whatever.jpg") ; 배경에만 설정하고 싶습니다. CSS3 흐림 필터가 적용되어 있지만 해당 요소에만 스타일을 적용하는 방법을 모르겠습니다. 시도하는 경우: -webkit-filter:blur(5px) -moz-filter:blur(5px);

P粉675258598 2023-08-23 14:06:46 0  2  495

DomPDF: 이미지를 읽을 수 없거나 비어 있습니다.

어떤 이유로 DomPDF는 구문 분석 중인 html에 포함된 이미지를 렌더링하지 않습니다. 그러나 이미지가 html로 반환되면 이미지가 페이지에 렌더링됩니다. 저는 이러한 질문을 살펴보고 DOMPDF_ENABLE_REMOTE가 true로 설정되어 있는지 확인했습니다. 파일 권한 상실: dompdf 이미지가 실제 이미지가 아니거나 읽을 수 없거나 비어 있습니다. ZF2를 사용하는 DOMPDF의 이미지 오류 확인해야 할 다른 사항이 있습니까?

P粉743288436 2023-08-29 14:06:26 0  2  527

모듈을 찾을 수 없습니다: 오류: 'DavidDaDon.png'를 확인할 수 없습니다.

내가 여기서 뭘 잘못하고 있는지 잘 모르겠습니다. src 폴더에 이러한 PNG 이미지가 있고 이미지를 참조하기 위해 필수 경로와 상대 경로를 사용하고 있습니다. 미칠 것 같은 느낌이 들어요. 참고로 가까운 친구, 가족과 함께 생일 축하 카운트다운을 하고 있는데 아코디언 효과로 이미지가 표시됩니다.

P粉001206492 2023-07-27 21:01:30 0  1  597

사진 속 이미지의 종횡비

다음과 같은 제목의 이미지가 있습니다. Title I also have img{max-width:100%} in CSS. 이미지의 너비와 높이를 동시에 설정하고 너비가 설정한 값보다 작아지면 화면 비율을 유지하고 싶습니다. 그래서 다음과 같은 코드를 시도해 보았습니다. 제목 대략 제가 원하는 내용인데, 이미지가 '레터박스'된 경우 제목이 이미지 하단에서 꽤 멀리 떨어져 있습니다. 제목을 이미지 하단에 꼭 맞게 유지하면서 원하는 결과를 얻을 수 있는 방법이 있나요?

P粉557957970 2023-08-17 20:24:04 0  1  488

이미지 처리 - Apache 이미지가 표시되지 않는 문제

서버 소프트웨어는 apache2.4, php7입니다. 결과 그림에는 문자가 깨져 있는데, 이는 txt로 여는 것과 같습니다. 아마도 구성 문제일 것 같은데, 구체적인 문제가 어디에 있는지 모르겠습니다. 조언 좀 해주세요. 그림은 테스트 연결을 보여줍니다: http://shouke.luopan.me/test.jpg

迷茫 2017-05-16 17:00:53 0  1  607

Wordpress - 이미지 제목이 존재합니다 - Gutenberg가 자동으로 제목을 가져오지 않습니다.

이 질문을 하기 전에 오전 10시부터 오후 20시까지 9시간 동안 결제했습니다 :( 다 시도해봤는데... 운이 없더군요. 이미지의 정보는 대체 텍스트, 제목, 캡션, 설명 구텐베르그 편집기는 대체 텍스트, 이미지 제목을 가져올 수 있지만 고급->제목 속성 탭에 "제목"이 없습니다. 수동으로 다시 작성하지 않고 구텐베르크가 이미지 post_id에서 제목을 가져오도록 하려면 어떻게 해야 합니까?

P粉823268006 2024-01-16 21:17:02 0  1  467

data.json 파일에 접근할 수 없고 새로운 카드/구성 요소 필터링을 수행할 수 없는 문제가 발생했습니다.

그래서 이전 페이지에서 ID를 가져오도록 페이지를 설정했습니다. 이미지 4를 클릭하면 URL(/Food/4) 등이 표시됩니다. 그래서 이전 페이지에서 올바른 정보를 얻었습니다. 이제 문제는 가져오기를 사용하여 data.json 파일을 가져오고 json에서 정보를 가져온 다음 ID를 기반으로 페이지에 정보를 렌더링하는 것입니다. 따라서 이미지 4를 클릭하고 ID를 새 페이지에 전달하면 json 파일에서 이미지 4에 대한 데이터를 표시하려고 합니다. 나는 도끼를 포함하여 여러 가지 다른 가져오기 설정을 시도했습니다.

P粉032977207 2023-08-16 19:28:38 0  1  546

Vue 애플리케이션에서 신비한 흰색 영역을 제거하는 방법은 무엇입니까?

vue3을 사용하여 웹사이트를 구축하고 배경 이미지를 설정하려고 합니다. 하지만 제거할 수 없는 신비한 흰색 부분이 있습니다. 모든 여백과 패딩을 0으로 설정하고 모든 ml,pl 클래스를 제거했기 때문에 여백이나 패딩이 아니라고 확신합니다. 애플리케이션 컴포넌트의 검정색 배경색을 검정색으로 설정했는데 해당 영역이 여전히 흰색입니다. Chrome의 검사 도구에서는 이것이 HTML 요소라고 말합니다. 도와주세요. (Login.vue의 스타일 섹션에 백그룹 이미지를 넣었습니다.) 브라우저 검사 도구의 정보: 살충제 사용

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

android - textview는 네트워크 데이터를 가져와 채운 후 기본 크기를 차지하며 클릭할 때까지 콘텐츠가 래핑되지 않습니다.

네트워크에서 데이터를 가져올 때 데이터를 textview에 채운 후 래핑되지 않습니다! 이 그림은 textview에 제공되지 않습니다. 이것은 텍스트입니다.` <TextView {code...} 이 그림은 textview로 설정되어 있지만 클릭하기 전에는 패키지의 효과가 달성되지 않았습니다. 첫 번째는 테를 설정하지 않았습니다.

phpcn_u1582 2017-05-16 13:26:57 0  3  790

javascript - 이미지를 캔버스로 드래그

어떤 마스터가 이 효과를 볼 수 있도록 도와줄 수 있습니까? 오른쪽 그림을 캔버스로 끌어서 편집할 수 있습니까? 자세히 설명할 수 있습니까?

phpcn_u1582 2017-06-14 10:52:41 0  2  896

Summernote 편집기에 직접 복사된 이미지를 업로드하고 표시하는 문제

이미지 버튼을 사용하지 않고 Summernote 편집기에 직접 복사한 이미지를 업로드하는 데 문제가 있습니다. 다음은 문제에 대한 간략한 개요와 지금까지 수행한 단계입니다. Summernote를 웹 애플리케이션에 통합하고 붙여넣기 기능을 활성화하여 사용자가 이미지를 복사하여 편집기에 직접 붙여넣을 수 있도록 했습니다. 이미지를 붙여넣은 후 편집기에 알 수 없는 이미지로 표시됩니다. 그런데 AJAX를 이용해서 이미지를 업로드하고 서버에 저장을 하다가 서버에서 이미지를 가져와서 Summernote 편집기에서 표시하려고 하면 이미지가

P粉505917590 2024-03-21 23:48:43 0  1  469

javascript - 사진이나 배경 그림의 배경색과 div의 호를 덮는 방법

1. 아바타와 배경 이미지는 같지만 불투명한 배경색이 추가되었는데, 이미지가 항상 배경색을 억제하고 있습니다.(두번째 사진처럼) 2. div 곡률은 어떻게 구하나요? 다양한 각도에서 답을 찾으세요.

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

Ctrl+shift+J가 하늘을 잘라내지 않은 이유는 무엇입니까?

다각형 올가미 도구를 사용하여 원을 그리면 결과는 원본 이미지를 자르지 않고 선택한 레이어의 복사본입니다. 무슨 일이 일어나고 있는지 설명해주세요.

P粉693705174 2022-09-08 23:07:16 0  0  840

javascript - WeChat "Share to Moments" 사용자 정의 공유 콘텐츠가 jssdk 인터페이스를 성공적으로 호출할 수 없습니다. 이유를 모르겠습니다.

WeChat "Share to Moments"는 콘텐츠 공유를 위해 jssdk 인터페이스를 사용자 정의합니다. 어떤 이유로 결과는 설정된 제목 설명과 사진이 아닙니다. √공식 계정이 인증되었습니다. √기능 설정의 js 안전 도메인 이름은 열린 페이지의 도메인 이름과 일치합니다. √debug: true를 켜면 구성에 문제가 없는 것으로 나타납니다. √checkJsAp...

滿天的星座 2017-07-05 10:59:14 0  5  1101