Tôi có hình ảnh px 500x500 được đặt làm hình nền trên trang web của tôi (làm hình nền của <body>) Nhưng tôi cần hình ảnh này được đặt ở góc dưới cùng bên phải của trang web. Làm thế nào tôi có thể đạt được điều này? (tốt hơn với phương pháp css)Cách định vị hình nền ở góc dưới cùng bên phải? (CSS)
Cảm ơn bạn.
Voilla:
body {
background-color: #000; /*Default bg, similar to the background's base color*/
background-image: url("bg.png");
background-position: right bottom; /*Positioning*/
background-repeat: no-repeat; /*Prevent showing multiple background images*/
}
Các tính chất nền có thể được kết hợp với nhau, trong một thuộc nền. Xem thêm: https://developer.mozilla.org/en/CSS/background-position
Bạn hãy thử một cái gì đó như:
body {background: url('[url to your image]') no-repeat right bottom;}
này nên làm điều đó:
<style>
body {
background:url(bg.jpg) fixed no-repeat bottom right;
}
</style>
để biết thêm chính xác định vị:
background-position: bottom 5px right 7px;
Làm tốt để cung cấp ví dụ trên tinh chỉnh căn chỉnh hình nền tương ứng với "điểm nối" qua pixel –
Thnx, hôm nay tôi đã giúp tôi yên lặng)) – Ilja
Không hoạt động, khi hình nền cao hơn chiều cao màn hình ... – Legionar
@Legionar Hoạt động tốt cho tôi, trong Chrome 43 & Firefox 38. –