2012-03-06 4 views
0

PSD 디자인이 그라디언트로 가득 (맨 아래쪽 왼쪽 - 오른쪽)되어 CSS 2를 사용해야하므로 배경의 큰 부분을 잘라야합니다. 충분히. 그러나 이미지의 일부가 너무 넓어서 (1920px) 스크롤 막대를 원하지 않습니다. 이미지를 화면에 맞추는 방법이 있습니까? 사전에넓은 디자인 웹 사이트를 브라우저 너비에 맞게 만드는 방법

감사합니다.

답변

1

이 몇 가지 트릭 거기 당신이 & width:100% , height:100%

체크 줄 <img> 태그에 이미지를 사용할 수 있습니다처럼이 http://csswizardry.com/2011/07/responsive-images-right-now/

또는 이미지 스트레칭 IE에 대한 filter

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/uploads/2011/01/background-photo.jpg', sizingMethod='scale'); 

더 확인하십시오 http://www.paulmccrodden.com/blog/ie-problems-css3-039background-size-cover039-and-iefilters

+0

정말 도움이되었지만 문제가 해결되지 않았습니다. 스크롤 막대는 이제 사라졌지만 브라우저가 정상 모드에 있으면 이미지의 오른쪽 부분이 보이지 않습니다. 내 이미지는 정말 크고 작게 만들어야합니다. – Karine

0

이미지를 신체 배경으로 만들 수 있습니까?