css背景超出寬度是因為背景圖片過大,其解決方法:先開啟對應的css檔案;然後加入「background-size:100% 100%」或「background-size:contain」樣式,讓背景圖片寬度和高度完全適應內容區域即可。
本教學操作環境:Windows7系統、HTML5&&CSS3版,DELL G3電腦。
建議:css影片教學
css背景圖片超出所設定容器的寬度是因為背景圖片過大。
元素的背景是元素的總大小,包括填充和邊界(但不包括邊距)。預設情況下,背景圖片放置在元素的左上角。
解決方法:
新增background-size: 100% 100%;或background-size:contain;樣式,讓背景圖片的寬度和高度完全適應內容區域。
div{ background-image: url(images/1.jpg); background-size: 100% 100%; }
以上是css背景超出寬度怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!