一直以來都認為css背景圖與直接插入img圖片的效果是差不多的，直到最近拜讀了一位大神的作品，發現大部分圖片都是通過背景圖形式顯示的，於是通過搜索各相關資料，在此總結了下二者的區別： 1. css中的圖片以背景圖形式存在，寫在html中的圖片以標簽形式存在。而在網頁加載過程中，以css背景存在 ...

背景圖：（相關驗證代碼請查看代碼，在驗證時需將當前不需要驗證的代碼注釋掉） 1.inherit:從父元素繼承屬性設置 2.background-repeat:平鋪(在圖片大小小於元素尺寸時背景圖默認平鋪): no-repeat:取消默認平鋪 repeat-x ...

1. img插入圖片，用的最多，比如產品展示類 2. 背景圖片一般用於小圖標背景或者超大背景圖片 ...

HTML里background-image中，可以設置background-repeat實現平鋪，前面博文中關於css樣式換行的（相關博文：超文本css樣式換行），其中有個三個div組合的，中間的div是平鋪的，但是沒有設置repeat值，默認就平鋪了，默認就是橫向縱向都是平鋪的，不需要特別設置 ...

效果： 對於不規則圖片，在屏幕縮小時圖片適當左移，但為了不遮擋左側文字，左移至一定位置后圖片固定位置。 方法： 給背景圖片設置寬度和absolute定位，使得圖片浮於頁面。然后在js里邊判斷當前窗口大小，當頁面小到會致使圖片遮擋左側文字時，給圖片添加left屬性，這樣圖片就不會再向 ...

1.加載問題 背景圖片會等到html結構加載完成才開始加載img標簽是網頁結構的一部分，會在html結構加載的時候加載在網頁加載的過程中，背景圖片會等到結構加載完成（網頁的內容全部顯示以后）才開始加載，而img標簽是網頁結構（內容）的一部分會在html結構加載的過程中加載，換句話講，網頁會先加載 ...

1.加載問題 背景圖片會等到html結構加載完成才開始加載 img標簽是網頁結構的一部分，會在html結構加載的時候加載 在網頁加載的過程中，背景圖片會等到結構加載完成（網頁的內容全部顯示以后）才開始加載，而img標簽 是網頁結構（內容）的一部分會在html結構加載的過程中加載，換句話講 ...

body { background: url('xx.jpg')top center no-repeat; background-size:cover; } body{ backgrou ...