css背景圖片顯示不完整怎麼辦

css背景圖片顯示不完整的解決方法：透過background-size屬性來控制背景圖片的大小，從而達到完全顯示背景圖片的目的，如【background-size:cover;】。

本教學操作環境：Windows10系統、CSS3版本，此方法適用於所有品牌電腦。

解決想法：

透過background-size屬性來控制背景圖片的大小，從而達到完全顯示背景圖片的目的。

屬性介紹：

background-size屬性指定背景圖片大小。

（學習影片分享：css影片教學）

語法：

background-size: length|percentage|cover|contain;

屬性值：

• length    設定背景圖片高度和寬度。第一個值設定寬度，第二個值設定的高度。如果只給一個值，第二個是設定為 auto(自動)    

• #percentage    將計算相對於背景定位區域的百分比。第一個值設定寬度，第二個值設定的高度。如果只給一個值，第二個是設定為"auto(自動)"    

• #cover    此時會保持影像的長寬比並將影像縮放成將完全覆蓋背景定位區域的最小大小。   

• contain    此時會保持影像的長寬比並將影像縮放成將適合背景定位區域的最大大小。   

範例：

相關建議：CSS教學

以上是css背景圖片顯示不完整怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！