ASP.NET 페이지에서 큰 이미지 중앙 배치

Question

VS2010/C#을 사용하여 ASP.NET 웹 응용 프로그램을 개발하고 내 페이지 (1400x1100)에 큰 배경 이미지를 사용했으며이 배경을 중앙에 배치하고 예를 들어 해상도가 1280x1024 인 경우 이미지 너비가이 작은 너비에 맞아야하며 항상 중앙에 위치해야합니다 (가로 방향). 어떻게 구현합니까?

감사

Answer 1

하나 개의 간단한 아이디어는 ...

<div style="position:fixed;z-index:2;"> 
content here 
</div> 

<div style="position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;"> 
    <img src="/img/YourBigImage.jpg" height="100%" width="100%" /> 
</div> 

아이디어는 내가 다른 통해 하나 개의 사업부를 배치한다는 것입니다. 배경 div는 전체 페이지로 설정되고 높이와 너비로 100 %를 사용하여이 크기에 맞게 이미지가 설정됩니다. 나는 그것을 테스트하고 저를 위해 일합니다. 그러나 내용이 너무 크거나 복잡하면 배경 div가 어떻게 적합할지, 내용에 어떤 문제가 있는지 알지 못합니다.

Answer 2

크기 조정 배경 이미지는 순수 CSS로 가능하지만, browser supporting CSS3을 필요로 - IE8 이하에 대한 순수한 CSS의 방법은 의미가없는, 위의 모든 "현대"브라우저 짧은 플러스 IE9하고있다.

• jQuery Easy Background Resize by J.P. Given
:
가 .. 당신은 이미 당신이 필요로 정확히처럼 그들 중 하나가 보이는 사용할 꽤 많은 플러그인을 가지고 jQuery를 사용하여 자바 스크립트를 사용할 필요가 IE8을 포함한 크로스 브라우저 솔루션을하는 것은 이것이다 밖으로 자바 스크립트와

Answer 3

당신이 CSS 3 미디어 쿼리로 조작 할 수 있습니다

코드는 다음과 같이 갈 수 있습니다 :

@media screen and (min-width: 1024px){ 

.div{background:url(''); width:###px;} 


} 
@media screen and (max-width:1023px){ 

.div{background:url(''); width:###px;} 

} 

그리고 당신은 jQuery 라이브러리를 사용할 수있는 모든 브라우저를 사용하는 모든 브라우저에서 지원하기 위해