Thay đổi kích thước hình nền luôn cân đối tỷ lệ với điểm trung tâm

Question

Tôi muốn có thể tái tạo hành vi của hình ảnh của trang web này khi thay đổi kích thước.

Có vẻ như hình nền có điểm trung tâm nơi hình ảnh bắt đầu cắt khi không thể giữ tỷ lệ tỷ lệ.

Dưới đây là một ví dụ:

http://themes.evgenyfireform.com/wp-jad/

Còn bây giờ nền của tôi có css sau:

#bg { 
    position: fixed; 
    top: 0; 
    left: 0px; 
    width:100%; 
} 

Vấn đề là nó cố định và tôi muốn nó để cắt khi hình ảnh thể không được quy mô.

Answer 1

Bạn đang tìm kiếm sự kết hợp này:

background-position:50% 50%; /* Sets reference point to scale from */ 
background-size:cover;  /* Sets background image to cover entire element */ 

Working sample fiddle here.

Lưu ý rằng đây là not supported by IE8 và sẽ yêu cầu JS hackery ở đó nếu bạn cần IE8 trở lên để được hỗ trợ.