투명한 div를 사용하여 페이지 배경 흐림 효과를 얻는 방법

투명한 div를 통해 배경을 흐리게 만들고 싶은 웹 페이지의 코드가 있습니다. 실제로 div를 반투명하게 만들고 싶습니다. div에 흐림 필터의 CSS를 추가해 보았지만 결과적으로 div 내부의 텍스트도 흐리게 표시되어 원하는 대로 되지 않습니다. <bodystyle="Background-image:url('bg.jpg')"><div>어떤 텍스트</div></body>

P粉908643611 2023-09-14 21:09:28 0  1  525

-webkit-mask 내부에서 방사형 그라데이션을 사용하여 3개의 투명한 구멍을 만들고 이미지를 유지하는 방법

저는 프로젝트를 진행 중이며 투명하게 만들기 위해 테두리에 임의의 구멍 3개가 있어야 하는 div를 만들어야 합니다. 내가 직면하고 있는 문제는 2개의 구멍에 대해 방사형 그래디언트와 함께 -webkit-mask를 사용하여 20px의 2개의 투명한 구멍을 생성한다는 것입니다. 내 질문은 세 번째 구멍을 만들려고 할 때입니다. 이 작업을 수행하는 방법을 아는 사람이 있습니까? <divid="pulseAd"class="fadeInUpanimated"style="디스플레이

P粉810050669 2023-09-02 21:32:42 0  2  682

웹 애플리케이션 및 PWA의 경험을 개선하기 위해 투명한 브라우저를 실행합니다. [정적 HTML, CSS 및 JavaScript 지원] [사용자가 웹 애플리케이션/PWA에서 데스크탑 배경화면을 볼 수 있도록 허용]

저는 현재 소켓을 사용하여 웹 애플리케이션(채팅)을 개발하고 있는 주니어 프런트 엔드 개발자이자 디자이너입니다. 나와 친구들이 사용하는 언어는 Scala, HTML, CSS, JavaScript입니다. 저는 HTML, CSS, JavaScript로 작업하고 있습니다. 그는 스칼라를 사용하고 있습니다. 애플리케이션이나 웹사이트를 통해 바탕 화면 배경 무늬를 볼 수 있는 것처럼 투명한 브라우저/배경이 있는 애플리케이션을 만들어야 합니다. Electron 프레임워크를 사용하면 이 프로세스를 더 쉽게 만들 수 있다고 들었습니다. 하지만 난...

P粉696146205 2024-04-05 13:50:12 0  1  1603

투명한 반원 컷아웃이 있는 Div

CSS3만을 사용하여 투명하게 잘린 반원 모양을 만들고 싶습니다. 유일한 요구 사항은 모양을 형성하는 모든 요소가 검은색이거나 투명해야 한다는 것입니다. 반원은 투명해야 하고 배경이 비치도록 해야 하기 때문에 흰색 원이 있는 검은색 직사각형을 사용할 수 없습니다. 필요한 모양:

P粉022285768 2023-10-22 17:51:09 0  2  781

android - 두 레이아웃의 가장자리에 이미지를 설정하는 방법

그림과 같이 이러한 효과를 설정하는 방법은 그림이 두 레이아웃의 가장자리에 있습니다. 이 활동 아래에는 프레임 레이아웃을 사용하여 투명도를 설정하는 활동이 있습니다. 투명한.

淡淡烟草味 2017-05-16 13:34:07 0  2  920

javascript - Html5 또는 원본 js를 통해 온라인으로 이미지를 둥근 직사각형으로 자르는 방법은 무엇입니까?

h5 또는 js에 웹 페이지에서 이미지를 자른 다음 둥근 모서리로 자르는 방법이 있나요? 현재는 직사각형 컷만 보았습니다. 모서리가 둥근 투명한 .png 컷을 얻을 수 있는지 궁금합니다.

ringa_lee 2017-06-08 11:03:09 0  2  830

투명한 거래 시스템(예: prisma.js)을 구현하는 방법은 무엇입니까?

PrismaORM 문서에서 여러 데이터베이스 호출을 하나의 트랜잭션으로 그룹화하는 다음 예를 찾을 수 있습니다. 다음을 구현하는 방법을 알고 싶습니다. $transactions()(prisma.post...)에서 사용된 방법은 "독립형"을 사용할 수 있는 것과 동일한 방법입니다. const[posts,totalPosts]=awaitprisma.$transaction([prisma.post.findMany({where:{제목:{conta

P粉226413256 2023-09-09 15:23:51 0  1  495

javascript - 끄고 마스크를 클릭하세요!

왼쪽 마스크에 클릭 이벤트를 추가합니다. 클릭하면 오른쪽 영역이 닫힙니다. 단, 마스크에 이벤트가 추가되므로 오른쪽 영역을 클릭하면 닫힙니다. 제가 원하는 효과는 왼쪽의 검고 투명한 부분만 클릭하는 것입니다. 이벤트 버블링과 캡쳐를 사용해 보았는데 작동하지 않습니다. 전문가에게 설명을 부탁드립니다.

过去多啦不再A梦 2017-05-19 10:22:09 0  1  679

배경과 투명 텍스트가 잘립니다.

CSS를 사용하여 아래와 같이 배경에서 투명한 텍스트를 잘라내는 효과를 만드는 방법이 있나요? 이미지가 텍스트를 대체하기 때문에 귀중한 SEO를 모두 잃는 것은 부끄러운 일입니다. 처음에 그림자를 생각했는데 아무것도 생각이 안나네요... 이미지는 웹사이트 배경, 절대 위치의 <img> 태그입니다

P粉439804514 2024-03-25 16:47:36 0  2  635

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

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

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

그레이스케일 SVG가 알파로 변환될 때 왜 덜 밝아지나요?

SVG를 사용하여 투명한 "별이 빛나는 밤" 효과를 만들려고 합니다. 웹 페이지의 검정색 배경 요소 안에 SVG 인라인이 있습니다. 난류 필터로 시작한 다음 원하는 효과를 얻기 위해 색상 매트릭스를 적용했습니다. <svgxmlns="http://www.w3.org/2000/svg"><filterid="filter"><feTurbulencebaseFrequency="0.2&q

P粉986937457 2024-02-26 18:01:19 0  1  347

PHP에서 전체 네임스페이스에 대한 별칭을 만들 수 있나요?

카테고리 이름과 같은 PHP8.1 함수를 사용하여 네임스페이스 별칭을 만들 수 있나요? 회사의 기본 네임스페이스 모듈 이름을 "Subcompany"로 지정했고, 목적이 확장되었으므로 이제 "Company"로 지정하려고 합니다. 완벽한 대답은 가능한 한 적은 오버헤드를 갖고 투명한 자동 로딩을 허용하는 것입니다. 한 가지 문제는 Intelephense와 같은 도구가 이 별칭을 이해한다는 것입니다. 이 프로젝트도 Composer를 사용하므로 이를 사용하여 네임스페이스를 다시 작성하는 답변도 작동합니다...

P粉252423906 2024-01-16 12:23:30 0  1  429

고정 위치의 자식이 부모의 패딩을 무시함

고정 요소가 헤더 뒤로 이동하는 것을 방지하는 방법은 무엇입니까? 현재 코드 조각은 상위 항목에 padding-top을 사용합니다. 또한 추가 하위 항목에 margin-top 또는 투명한 50px 테두리를 사용해 보았지만 작동하지 않는 것 같습니다. 이 경우 고정 라벨에 top:50px를 쉽게 사용할 수 있다는 것을 알고 있지만 이 부분을 React 구성 요소에 통합하고 싶고 특정 크기를 사용하면 모든 상단 차원이 공유되어야 하기 때문에 다른 구성 요소를 결합하기가 더 어려워집니다. 제목/패딩을 "단색"으로 만들고...

P粉182218860 2024-04-06 11:42:51 0  1  537

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

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

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

쿼리 제한 후 정렬 실험

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

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

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

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

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

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  629

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  1050

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  533

다중 장치(휴대폰) 동기화 - React Native

모든 사용자의 모바일 장치에서 동시에 실행되는 Lightshow를 만들려고 합니다(최대 2000-3000명의 사용자가 있을 수 있음). 모든 사용자는 인터넷(Wi-Fi 또는 모바일 데이터)을 사용합니다. FE에서는 구독을 위해 Apollo를 사용하는데 이는 정말 매력적입니다. 하지만 문제는 사용자 A가 사용자 B보다 더 빨리 구독 이벤트를 얻을 수 있다는 것입니다. 이는 사용자 A가 사용자 B보다 먼저 게임을 시작한다는 것을 의미합니다. 이는 우리가 라이트쇼 아키텍처를 사용하고 사용자가 더 일찍 또는 나중에 시작할 수 없기 때문에 ...

P粉151466081 2023-09-05 11:58:38 0  1  727