스크롤링되지 않는 CSS 배경을 구현하는 방법: 먼저 새 HTML 코드 페이지를 만든 다음
태그 뒤에 태그를 설정합니다. ; 마지막으로 "Background-repeat:no-repeat;" 속성을 설정하면 됩니다.
권장: "css 비디오 튜토리얼"
html 개발 소프트웨어를 열고 새로운 html 코드 페이지를 만듭니다.
HTML 코드 페이지의
태그에 여러 줄의 단락 텍스트를 입력하세요. 이는 브라우저 스크롤 막대가 스크롤될 때 사진을 볼 때 스크롤 막대를 사용하여 스크롤하는 데 사용됩니다. 그림과 같이
배경 이미지 스타일을 설정합니다.
태그 뒤에 <style> 태그를 만든 다음, 배경 이미지가 반복되지 않도록 이 태그에 <body> 태그의 배경 이미지를 설정합니다. '<p>스타일 코드: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">body{
background-image: url(img/bg.jpg);
background-repeat:no-repeat;
}</pre><div class="contentsignin">로그인 후 복사</div></div><p><img src="https://img.php.cn/upload/image/101/832/846/1605842667794518.png" title="1605842667794518.png" alt="비스크롤 CSS 배경을 얻는 방법"/><p> html 코드를 저장한 후 브라우저로 열어보세요. 이때 브라우저 스크롤 바를 스크롤하면 배경 이미지도 브라우저 스크롤 바의 스크롤과 함께 스크롤되는 것을 발견합니다. <p><img src="https://img.php.cn/upload/image/943/102/700/1605842672440514.png" title="1605842672440514.png" alt="비스크롤 CSS 배경을 얻는 방법"/><p>배경 첨부 사용: 배경 이미지가 스크롤 막대로 스크롤되지 않도록 설정하도록 수정되었습니다. HTML 코드 페이지로 돌아가서 body 스타일에 background-attachment:fixed를 추가하세요. <p>그림과 같이<p><img src="https://img.php.cn/upload/image/399/323/641/1605842676462091.png" title="1605842676462091.png" alt="비스크롤 CSS 배경을 얻는 방법"/><p>html 코드 페이지를 저장한 후 브라우저를 새로고침해 보세요. 이때 브라우저 스크롤 막대를 스크롤하면 배경 이미지가 고정된 것으로 확인되며 브라우저 스크롤과 함께 스크롤되지 않습니다. 사진으로 <p><img src="https://img.php.cn/upload/image/295/192/789/1605842680263144.png" title="1605842680263144.png" alt="비스크롤 CSS 배경을 얻는 방법"/></style>
위 내용은 비스크롤 CSS 배경을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
