브라우저 창에 따라 배경 이미지 크기 조정

그래서 jquery로 너비와 높이를 감지하고 있습니다. 이제 이것은 간단한 질문 일지 모르지만, 보통 3000x2000 인 이미지의 너비와 높이를 어떻게 줄 수 있습니까? 내가브라우저 창에 따라 배경 이미지 크기 조정

var theDiv = $("#container"); 
var totalWidth = theDiv.width(); 

$(theDiv "img").css("width" totalWidth);

나를 위해 작동하지 않는 배경으로 이미지를로드하기 위해 CSS를 사용하고

. http://drewdahlman.com/labs/javascript/background_js

망할 놈의 프로젝트 - - 모든 브라우저에 충돌합니다 https://github.com/DrewDahlman/background.js

출처

2012-01-31 pcproff

오류 메시지가 표시됩니까? –

여기에 귀하의 이미지 크기를 조절 난이 만든 JS 플러그인입니다. 그냥 background와 id를 가진 div로 이미지를 감싸고 $ (document) .ready 함수 호출 background.init()에 스크립트를 포함하면 모두 설정됩니다.

출처

2012-01-31 05:43:43

CSS를 사용하여 이미지를 배경으로로드하는 경우 DIV의 크기를 변경해도 이미지 크기에는 영향을주지 않습니다. 제로, 왼쪽, 오른쪽 및 아래쪽 속성을 0 가기 설정 : 절대 위치, Z- 색인을 사용하여 몸 태그 안에

찾는 화상 : 두 가지 선택이있다.
CSS3 속성 배경 크기을 사용합니다. 예를 들어 body { background-image:url(your_image.png); background-size:cover; }은 너비와 높이가 내용 영역 안에 들어갈 수 있도록 이미지의 크기를 최소로 조정합니다. 자세한 내용을보실 수 있습니다 http://www.w3schools.com/cssref/css3_pr_background-size.asp

이 정보가 도움이되기를 바랍니다.

출처

2012-01-31 08:03:12 QoSMicro

내가 CSS를 하나했다 : 나는 '*'보편적 인 선택기를 사용하여 페이지 상대 위치에서 모든 요소를 준이었다 내가했던 http://jsfiddle.net/jklm313/EdyUE/11/
은 다음 절대 위치와 클래스 (.bg)를 만든을 100 % 폭 높이가 &이면 음수 Z- 색인이므로 콘텐츠 아래에 표시됩니다.
작은 이미지를 사용하여 창에 맞게 이미지가 어떻게 표시되는지 알려드립니다.

출처

2012-01-31 13:01:44 carpenumidium

브라우저 창에 따라 배경 이미지 크기 조정

답변

관련 문제