CSS中的固定定位非常常見，在網頁中實現這種效果可以用到position:fixed屬性。一般來說，固定定位可以使一個元素相對于屏幕固定不動，不會隨著頁面滾動而移動。下面讓我們看一下如何使用CSS實現一個固定的北京圖片。

.beijing-img{
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: url('beijing.png') no-repeat center center fixed;
background-size: cover;
}

這個CSS代碼將圖片使用了固定定位，寬度高度都是100%，而且層級設置了最高的z-index，保證了圖片覆蓋整個頁面。其中的url屬性是圖片的地址，no-repeat表示圖片不重復平鋪，center center表示圖片中心對齊，fixed表示在滾動頁面時圖片不會移動，而且也不會縮放。

當我們將這段代碼添加到HTML中，就可以實現一個在整個頁面固定不動的北京圖片了。