Làm thế nào để giữ hình nền ở dưới cùng bên trái thậm chí di chuyển

Question

Tôi đã tự hỏi liệu có cách nào để giữ hình nền của tôi ở dưới cùng bên trái ngay cả khi người dùng cuộn trình duyệt. Css hiện tại của tôi có thể làm cho hình ảnh ở dưới cùng của trình duyệt khi trang web được tải, nhưng nếu tôi cuộn trình duyệt, thì nó sẽ vẫn ở trong cùng một vị trí. Tôi đánh giá cao sự giúp đỡ nào.

html, body 
{ 
background-image:url("backgroundBottom.png"); 
background-position:bottom left; 
background-repeat:no-repeat; 
background-attachement:fixed; //I just add this, don't think this would work. 
font-family:"Georgia, self"; 
font-size:"30px"; 
margin:0px; 
height:100%; 
text-align:center; 
} 

Answer 1

Bạn đang đặt nền trên cả các yếu tố BODY HTML &.

Mã có vẻ tốt, nền đính kèm: cố định là những gì bạn cần.

Vì vậy, trong CSS viết tắt, chỉ cần viết

body { 
    background: url(backgroundBottom.png) bottom left no-repeat fixed; 
} 

Answer 2

nếu đó là hình ảnh cố định không lặp lại, tôi khuyên bạn nên đặt nó vào thẻ div riêng có chiều rộng và chiều cao giống như hình ảnh.

<div id="BackgroundImage"></div> 

Sau đó sử dụng CSS sau

#BackgroundImage{position: fixed; width="xx"; height="yy"; bottom:0px; left:0px;} 

rõ ràng tùy theo nhu cầu của bạn

Điểm chính là position:fixed

Tạo một yếu tố hoàn toàn vị trí, vị trí tương đối so với cửa sổ trình duyệt. vị trí của phần tử được xác định với "trái", "top", "đúng", và tài sản "đáy"

http://www.w3schools.com/Css/pr_class_position.asp

Answer 3

bạn sử dụng background-đính kèm * e * ment: cố định;

thử chính tả tốt hơn như nền đính kèm: cố định;