欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css圖片背景不滾動

李中冰1年前7瀏覽0評論
在網頁開發中,經常會使用CSS來設置背景圖片。但是在滾動頁面時,有時候我們不希望背景圖片隨之滾動,而是固定不動。 CSS提供了一個屬性background-attachment可以用來控制背景圖片是否隨滾動。默認情況下background-attachment的屬性值是scroll,即背景圖片會隨頁面滾動而滾動。但是我們只需要將這個屬性值改成fixed即可實現不滾動背景圖片的情況。 下面的代碼演示了如何使用CSS將背景圖片固定不動:
p {
background-image: url('your image url here');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
在上面的代碼中,我們將p標簽的背景圖片設置為一個URL地址,然后設置了背景不重復(即只顯示一次),并且將背景圖片的大小設置為自適應。最后設置background-attachment屬性為fixed,這樣就能實現背景圖片不隨頁面滾動而滾動了。 總之,使用CSS使背景圖片不滾動是很簡單的。只需要將background-attachment屬性值設為fixed即可。希望這篇文章能夠對你有所幫助。