>  기사  >  웹 프론트엔드  >  배경 이미지를 HTML의 브라우저 크기에 맞게 조정

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

不言
不言원래의
2018-06-05 15:27:186789검색

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

해결책:

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

2. 음수로 설정하고 p

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

<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.