Next.js를 사용하여 배경 이미지를 설정하는 방법은 무엇입니까?

Next.js를 사용하여 배경 이미지 설정을 시도했지만 실패했습니다. 이것은 작동하지 않습니다. 이미지가 표시되지 않습니다. //globals.cssbody{배경:url("/images/grid.svg")repeat;} 다음과 같이 페이지 전체에 배경 이미지를 반복하고 싶습니다. 어떻게 설정하나요? 미리 감사드립니다!

P粉725827686 2023-09-09 12:39:05 0  1  559

jquery를 사용하여 배경 이미지의 URL 주소를 얻는 방법은 무엇입니까?

jquery에서 배경 이미지의 URL 주소를 얻는 방법은 무엇입니까?

仅有的幸福 2017-05-19 10:41:23 0  1  730

배경 이미지에 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  521

배경 이미지에 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  505

배경 이미지에 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  553

배경 이미지를 설정하는 방법, 전체 화면으로 설정하는 방법, 페이지 뒷면에 설정하는 방법(HTML, CSS, JavaScript)

제가 만들고 있는 이 간단한 게임의 배경 이미지를 설정하고 싶지만 이미지를 입력 화면 중앙에 배치하고 모든 페이지 높이와 너비를 덮는 방법을 모르겠습니다. 또한 게임이 이미지 위에 있고 이미지가 기본 레이어가 되도록 이미지를 배경으로 만들고 싶습니다. letcharacter=document.getElementById('character');letcharacterBottom=parseInt(window.getCompulatedStyle(character).getPr

P粉384244473 2024-03-22 09:53:51 0  2  417

파일 로더를 사용하여 WebPack 이미지가 로드되지 않음

현재 여러 SVG 이미지와 배경 이미지가 필요한 webpack5 프로젝트가 있습니다. svg 이미지는 template.html 파일로 인코딩됩니다. 배경 이미지는 style.css 파일에서 참조됩니다. 빌드를 실행하면 웹 페이지에 이미지가 빌드되지 않습니다. 파일 로더 테스트에서 사용자 정의 이름을 사용하더라도 해시된 형식으로 유지됩니다. 현재 웹팩 구성 파일은 다음과 같습니다. constpath=require('path');constHtmlWebpackPlugin=req

P粉513318114 2024-03-19 19:54:32 0  1  316

CSS - 배경 이미지가 포함된 반응형 레이아웃을 작성하는 방법

이와 비슷하게 이제 배경 이미지로 컴포넌트를 만들고 싶은데 배경 이미지의 크기가 100%가 될 수 없고 가운데에 컨텐츠가 있어야 하고 왼쪽에는 이미지, 오른쪽에는 텍스트가 있어야 만드는 방법입니다. 반응이 좋나요?

怪我咯 2017-07-06 10:37:20 0  3  2127

높이가 100vh인 배경 이미지의 중앙에 div를 배치합니다.

저는 상단에 고정 위치 네비게이션 바가 있는 강좌를 진행하고 있습니다. 배경의 높이는 100vh로 설정되고 텍스트 내용이 있는 div는 배경 중앙에 있습니다. Flexbox를 사용하면 거의 중앙에 배치되지만 실제로 배경 중앙에 배치하려면 해당 div의 높이를 높이의 100%로 설정해야 합니다. Flexbox와 뷰포트 높이에 대해 알고 있지만 다이빙의 중심을 정하기 위해 div의 높이를 100%로 설정해야 하는 이유가 무엇인지 혼란스럽습니다. 제가 요구하는 것을 복제하기 위해 여기에 배경으로 어떤 이미지든 넣을 수 있다고 생각합니다....

P粉006847750 2024-02-17 12:39:44 0  1  424

CSS를 사용하여 배경을 설정할 때 이미지가 몇 개나 겹치지 않게 설정할 수 있나요?

오늘 CSS 배경 이미지에 대해 알아보고 배경 이미지 관련 문제도 많이 연습했는데 마음속에 의문이 생겼습니다. 문제는 배경에 사진이 서로 겹치지 않게 몇 장이나 담을 수 있느냐는 건데, 답변 부탁드립니다. 답을 찾으려고 노력했지만 어디에서도 찾을 수 없습니다. 아시는 분 계시면 답변 부탁드립니다.

P粉818088880 2023-08-16 17:24:10 0  1  557

Safari 16.4 및 iOS 16.4는 자체적으로 CSS 속성을 동적으로 설정합니다.

나는 몇 년 전에 자바스크립트 퍼즐 게임을 만들었고 잘 작동했습니다. 최근 iOS16.4 및 Safari16.4 업데이트 이후 코드가 동일하게 작동하지 않습니다. 조사한 결과 문제를 발견했지만 해결 방법을 모르겠습니다. 내 코드에서는 2개의 CSS 속성(배경 크기 및 배경 위치)을 다음과 같이 동적으로 설정했으며, 값(gridSize, xpos 및 ypos)은 이전에 코드에서 설정되었습니다. varli=$('<liclass=" item" 디

P粉099985373 2024-02-21 15:11:28 0  1  401

인증 코드에 숫자가 하나만 표시되는 이유는 무엇입니까?

//이번 강의에 사용된 코드는 이렇습니다. 여러번 확인했는데 오류는 나오지 않았는데, 인증코드에 숫자가 1개만 나와요... 왜 이런 일이 발생하나요?<?php/ / 인증코드 배경 헤더 생성('Content-type:image/jpeg'); //배경 이미지 크기 $width=60;$height=15;//캔버스 생성 $img=imagecreatetruecolor($ 너비, $ 높이)

丫头 2018-04-21 11:01:31 1  5  3047

ctx 대체. requestAnimationFrame()을 사용할 때 스트로크 스타일을 사용하세요.

내 홈페이지의 배경 캔버스로 그리기 위해implerand mmotion을 구현하려고 하는데 쿼리 색상을 찾는 데 문제가 있습니다.

P粉605385621 2023-08-01 16:06:12 0  1  517

화면 크기에 맞는 버튼 만들기 - 배경 이미지 사용법에 대한 자세한 설명

여러 그래픽을 나란히 표시하고 장치 화면 크기에 맞게 조정해야 하는 pfsensecaptiveportal을 개발 중입니다. 이는 이미지 입력 ​​유형을 사용하여 훌륭하게 달성할 수 있습니다. 그러나 pfsense 장치는 이 커밋을 올바르게 인식하지 못합니다. 작동하려면 "계속" 값을 가진 커밋 유형이 필요합니다. 대신 배경 이미지를 사용해 보았지만 배경 이미지의 크기가 조정되지 않습니다. 화면이 작아지면 전체 크기로 나타나고 잘립니다. 배경 이미지 크기를 조정하려면 어떻게 해야 합니까? #content{글꼴-가족

P粉345302753 2023-08-16 13:38:12 0  1  642

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

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

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

CSS를 사용하여 웹사이트 배경에 임의의 색상을 생성하는 방법을 알려주실 수 있나요? 가능합니까?

unsplash 이미지 소스를 사용하여 임의의 이미지를 사용할 수 있는 것과 같습니다. 마찬가지로 CSS만으로 배경색을 얻을 수 있나요? 그렇다면 누구든지 어떻게 해야 하는지 말해 줄 수 있나요? 스타일의 배경에 임의의 색상을 생성하기 위해 임의 함수를 사용합니다. 하지만 아무런 출력도 제공하지 않습니다.

P粉267791326 2023-09-06 22:53:31 0  1  542

x 회전 없이 정사각형 이미지에서 사다리꼴로의 CSS3

배경 이미지가 있는 정사각형 div를 사다리꼴로 변환하려고 합니다. Photoshop의 "왜곡" 도구와 거의 같은 방식으로 2D로 만들고 싶습니다. 기본적으로 내가 원하는 것은 사각형의 상단 가장자리를 축소하고 이에 따라 이미지를 변형시키는 것입니다. 3D 변환은 트릭을 수행하는 것처럼 보입니다. 변환:rotateX(30deg); 대부분의 사용 사례에서 작동하지만 전부는 아닙니다. 실제로 30도 회전된 정사각형은 앞/뒤에서 보면 사다리꼴처럼 보이지만 다른 쪽에서 보면 여전히 30도 회전된 정사각형입니다.

P粉604669414 2024-03-28 15:26:58 0  1  411

이메일 HTML 뉴스레터

이메일 수신에서 마음에 드는 점은 gmaila의 모바일 보기가 깨진 것 같다는 것입니다. 보기는 배경 이미지에서 각 자르기에 입력할 수 있는 구조로 변경됩니다. 도와주세요? 내가 필요한 모든 것을 쉽게 이용할 수 있습니다.

P粉486138196 2023-08-01 19:17:50 0  1  684

javascript - 라디오 버튼 문제와 관련하여 저는 초보자입니다. 누군가가 저를 도울 수 있기를 바랍니다.

회사에서는 버튼이 4개 있는 이벤트 페이지를 만들고자 합니다. 버튼을 클릭하면 선택된 상태와 동일하며 배경 이미지가 변경됩니다. 다음 항목 클릭 시 이전 항목을 원래 상태로 복원하는 방법입니다.

PHP中文网 2017-05-24 11:36:42 0  4  714

변경 시 배경 이미지가 깜박이는 것을 방지하는 방법

다음과 같이 JavaScript를 통해 캔버스에서 div로 반복되는 배경 이미지를 적용합니다. varimg_canvas=document.createElement('canvas');img_canvas.width=16;img_canvas.height=16;img_canvas.getContext('2d') . drawImage(캔버스,0,0,16,16);varimg=img_canvas.to

P粉590929392 2023-10-20 21:38:57 0  2  830