CSS 배경 그라데이션이 전체 페이지(스크롤 가능한 콘텐츠 포함)를 덮지 않습니다.

HTML 문서의 CSS 배경 그라데이션에 문제가 있습니다. 선형 그래디언트를 배경으로 사용하고 본문 요소에 설정하는 페이지를 디자인했습니다. 내가 직면한 문제는 스크롤할 콘텐츠가 더 많음에도 불구하고 화면이 처음 끝나는 곳에서 그라데이션이 끝나는 것처럼 보인다는 것입니다. 따라서 아래로 스크롤하면 그라디언트의 두 번째 인스턴스가 처음부터 다시 시작되는 것처럼 보입니다. 이것은 나의 현재 CSS(SCSS) 코드입니다: @importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09 0  2  655

CSS3 전환으로 그라데이션 배경 강화

CSS를 사용하여 축소판 이미지에 전환을 적용하여 마우스를 올리면 배경이 페이드인되도록 하려고 합니다. 변환이 작동하지 않지만 rgba() 값으로 변경하면 훌륭하게 작동합니다. 그래디언트를 지원하지 않나요? 또한 이미지를 사용해 보았는데 이미지도 변환되지 않습니다. 다른 게시물에서 누군가가 그렇게 했기 때문에 이것이 가능하다는 것을 알고 있지만 정확히 어떻게 하는지는 모르겠습니다. 어떤 도움이라도 > 사용할 수 있는 CSS는 다음과 같습니다: #containerdiva{-webkit-transition:backgrou

P粉955063662 2023-10-12 18:05:11 0  2  602

그라데이션 배경과 함께 CSS3 전환 사용

CSS를 사용하여 축소판 이미지에 전환을 적용하여 마우스를 올리면 배경이 페이드인되도록 하려고 합니다. 변환이 작동하지 않지만 rgba() 값으로 변경하면 제대로 작동합니다. 그라디언트를 지원하지 않나요? 또한 이미지를 사용해 보았는데 이미지도 변환되지 않습니다. 다른 게시물에서 누군가가 그랬기 때문에 이것이 가능하다는 것을 알고 있지만 정확히 어떻게 하는지는 모르겠습니다. 어떤 도움이라도 > 사용할 수 있는 CSS는 다음과 같습니다: #containerdiva{-webkit-transition:Background0.

P粉217629009 2023-08-23 21:25:42 0  2  629

스크롤 가능한 그라데이션 채팅 풍선

다음 예와 같이 아래 그라데이션으로 스크롤할 때 변경되는 그라데이션이 있는 채팅 거품의 흰색 컨테이너를 원합니다. 루트의 배경이 표시되도록 chatBubble 뒤의 .container 부분을 투명하게 만들려고 했습니다. .root{배경색:선형 그라데이션(빨간색, 노란색);너비:100vw;높이:100vh;}.컨테이너{너비:100%;높이:

P粉197639753 2023-09-01 11:52:18 0  2  632

스프라이트 이미지의 배경을 흰색으로 만드는 방법

background:url Sprite 이미지의 배경이 흰색이 됩니다.

手机用户1568691356 2019-12-03 18:54:51 0  1  1221

밝은/어두운 테마의 변수에서는 선형 그래디언트가 작동하지 않습니다.

저는 개인 웹사이트(https://cooperativedoilylivedistro.elliott23.repl.co)를 작업 중입니다. 이 웹사이트에는 선호도에 따라 밝은 테마와 어두운 테마가 있습니다. 문제는 선형 그래디언트를 변수로 설정하면 작동하지 않고 전체 배경이 흰색으로 변한다는 것입니다. 이것이 바로 HTML, CSS, JS입니다. 무슨 일이 일어나고 있는지 알고 싶다면 브라우저에서 웹사이트를 확인하세요. <!DOCTYPEhtml><htmllang="ko"&

P粉190443691 2024-03-29 13:28:10 0  1  329

배경 배경

배경색: #CCC; 배경-반복: no-repeat; 타일 없음 반복-x 가로 타일 반복-y 세로 타일 배경 -위치: 30px 또는 30 % 40%; 배경 이미지 위치 지정 배경: url(i

Geek 2018-11-07 20:45:51 0  0  1222

javascript - echarts 히스토그램 그라데이션 색상 문제

echarts 히스토그램은 그라데이션 색상 효과를 얻을 수 있지만 다음과 같은 그라데이션 색상 효과를 얻을 수 있습니까? 답변해 주세요. 즉, 대각선 그라데이션 색상

三叔 2017-06-12 09:30:45 0  1  898

CSS 방사형 그래디언트를 SVG 방사형 그래디언트로

CSS http://codepen.io/A973C/pen/hnEaf(신호등의 빛을 의미함)와 같이 SVG에서 방사형 그래디언트를 만들 수 있습니까?red{Background:red;Background-image :radial- 그라데이션(갈색,투명);배경 크기:15px15px;너비:100px;높이:100px;테두리-r

P粉308783585 2023-12-11 15:54:09 0  2  574

테두리 그라디언트는 border-radius와 호환됩니까?

둥근 테두리(테두리 반경)로 입력 상자의 스타일을 지정하고 테두리에 그라데이션 효과를 추가하려고 합니다. 그라데이션과 둥근 테두리를 성공적으로 만들 수 있지만 동시에 둘 다 만들 수는 없습니다. 둥근 모서리가 있지만 그라데이션이 없거나, 그라데이션이 있지만 둥근 모서리가 없습니다. -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(선형,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38 0  2  478

html5 - 이미지가 변형되지 않도록 배경 이미지를 휴대폰에서 전체 화면으로 표시하는 방법(콘텐츠가 비교적 길고 스크롤 막대가 있음)은 무엇입니까?

모바일 웹페이지에 배경 이미지가 필요한데, 배경 이미지를 변형 없이 전체 화면으로 표시하려면 어떻게 해야 하나요? 현재 설정으로는 배경이 변형되었습니다! 하나님께 물어보세요!

为情所困 2017-05-16 13:25:30 0  4  1083

Symfony2 프런트엔드 템플릿에서 CSS를 가져온 후 배경 이미지가 표시되지 않습니다.

Symfony2가 CSS를 관리한 후 CSS에 정의된 배경 이미지가 있는데 Symfony2는 CSS의 경로를 변경하지만 CSS에 정의된 배경 이미지의 경로는 변경하지 않습니다. 어떻게 해야 하나요? 미리 감사드립니다!

我想大声告诉你 2017-05-16 16:44:10 0  2  649

클릭/HTML에서 버튼의 배경색을 변경하는 방법

"자세히 보기"와 비슷한 버튼을 만들었고, 이 버튼을 누르면 텍스트가 아래로 확장됩니다. 텍스트가 확장되면 버튼의 배경이 변경되고 버튼을 다시 눌러 텍스트를 닫으면(예: "간단히 읽기") 버튼의 배경이 원래 상태로 돌아갑니다. 이 함수를 구현하는 방법 functionmyFunction(){vardots=document.getElementById("dots");varmoreText=document.getElementBy

P粉502608799 2023-09-08 00:04:48 0  1  501

반응 네이티브 캘린더 구성 요소의 배경색 수정

나는 반응 네이티브 캘린더를 사용하여 앱을 만들고 있습니다. 달력의 배경색을 파란색으로 바꾸고 싶어요. 아래와 같은 방법을 시도해 보았는데, 문제는 달력의 테두리만 바뀌었다는 것입니다. 달력 전체의 배경을 파란색으로 바꾸고 싶습니다. 해결 방법을 아시는 분 답변 부탁드립니다. 감사해요.

P粉769413355 2023-08-10 10:00:26 0  1  518

Twig 템플릿에서 CSS 변수와 함께 배경 이미지를 사용해 보세요.

그래서 질문이 있습니다. CSS 변수와 함께 배경 이미지를 사용하고 싶습니다. 내 프로젝트에서는 Twig를 사용하여 SQL 요청을 통해 내 데이터베이스에서 선택한 항목을 반복합니다. 각 기사에는 데이터베이스의 이미지에 대한 상대 링크가 있으므로 웹사이트에서 볼 수 있습니다. 문제는 데이터베이스의 동일한 이미지 링크를 기사 배경으로 사용하고 싶다는 것입니다. 다음과 같은 CSS 변수를 사용해 보았습니다. div.liste{position:relative;display:flex; background-image:v

P粉083785014 2023-09-04 12:41:18 0  1  508

동일한 요소에 두 개의 선형 그라데이션 배경을 추가하는 방법 - Tailwind Tutorial

Tailwind에서 하나의 요소에 두 개의 선형 배경을 추가할 수 있나요? 유효한 CSS 코드는 다음과 같습니다. background-image:linear-gradient(toright,#f8fafb50%,#16161650%),linear-gradient(toright,#16161650%,#f8fafb50%); 다음과 같이 두 번 추가해 보았습니다. ="bg-그라디언트-to-rfrom-w

P粉561438407 2024-03-27 08:57:02 0  1  409

요소 배경의 무작위 매핑을 구현하는 방법은 무엇입니까?

각 요소의 배경색을 무작위로 설정하고 싶은데 다음 코드에 삽입하면 배경색이 투명해집니다: {modules.map((module,index)=>(<divclassName='carousel-moduleshadow' style= {{배경:"#"+Math.floor(Math.random()*16777215).toString(16)}}>

P粉286046715 2023-09-11 22:32:31 0  1  486

CSS를 사용하여 그라데이션 애니메이션을 만드는 방법

여러 색상이 포함된 그라디언트를 부드럽게 이동하고 싶은데 애니메이션이 매끄럽지 않은 것이 문제입니다. 매 단계마다 위치가 변경됩니다. <스타일>.animated{폭:300px;높이:300px;border:1pxsolidblack;animation:gra5sinfinite;animation-direction:reverse;-webkit-animation:gra5sinfinite;-web

P粉909476457 2023-09-18 09:47:10 0  2  739