CSS中固定背景圖片大小的方法
在CSS中,我們可以使用background-size
屬性來固定背景圖片的大小,這個屬性可以指定背景圖片的寬度和高度,或者只指定一個值,另一個值會自動縮放以保持原始圖片的寬高比。
如果我們想要將背景圖片固定為300像素的寬度和200像素的高度,我們可以這樣寫:
body { background-image: url('path/to/your/image.jpg'); background-size: 300px 200px; }
如果我們只想要固定寬度,并保持原始圖片的寬高比,我們可以這樣寫:
body { background-image: url('path/to/your/image.jpg'); background-size: 300px auto; }
這樣,背景圖片的寬度就會固定為300像素,高度會根據(jù)圖片的原始寬高比自動縮放。
需要注意的是,background-size
屬性只在支持CSS3的瀏覽器中有效,對于不支持CSS3的瀏覽器,我們需要使用其他方法來固定背景圖片的大小。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。