지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

배경 이미지를 HTML의 브라우저 크기에 맞게 조정

不言
풀어 주다： 2018-06-05 15:27:18
원래의
6799명이 탐색했습니다.

이 글에서는 HTML에서 배경 이미지를 브라우저 크기에 맞게 만드는 예제에 대한 자세한 설명을 주로 소개합니다. 필요한 친구는 배경 이미지를 브라우저에 맞게 만드는 예제에 대한 자세한 설명을 참조할 수 있습니다.

해결책:

1. 그림이 충분히 크지 않고 배경 속성으로 그림을 늘릴 수 없습니다.

2. 음수로 설정하고 p

3에서 를 사용하세요. 그렇지 않으면 가려집니다. 

<html> 
<body> 
<p id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%"> 
<img src="pictures/background.jpg" width="100%" height="100%"/> 
</p> 
</body> 
</html>
로그인 후 복사

브라우저 오른쪽의 스크롤바로 이미지가 스크롤되지 않도록 하려면 position:fixed 속성을 사용하세요. Wordpress 웹 사이트 빌더는 이 방법을 사용하여 지정된 페이지의 배경 이미지를 사용자 정의할 수도 있습니다.

읽어주셔서 감사합니다. 모든 사람에게 도움이 되기를 바랍니다. 이 사이트를 지원해 주셔서 감사합니다!

관련 권장사항:

동적으로 색상 블록을 표시하는 보고 효과를 구현하는 HTML(예제 코드)


위 내용은 배경 이미지를 HTML의 브라우저 크기에 맞게 조정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
HTML中使背景图片自适应浏览器大小 HTML背景图片自适应
원천：php.cn
이전 기사：js HTML5 캔버스에 그림을 그리는 방법 다음 기사：JS는 HTML에서 텍스트 색상과 내용을 변경하는 방법을 구현합니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...
에서 2024-04-29 11:01:01
0
2
1869
Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?
에서 2024-04-23 00:22:19
0
10
2033
자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.
에서 2024-04-19 15:37:47
0
1
1711
상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');
에서 2024-04-18 23:52:34
0
1
1613
CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
에서 2024-04-16 10:10:18
0
0
1626
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿