隱藏的元素背景圖片是否載入

ie8-ie11還是會發送請求

firefox不會

chrome和safari會判斷父元素是否display也是none,如果是，則不傳送請求。元素本身設定none，則傳送請求

background-position

可以是具體數值，也可以是百分比值，還可以是 left、 top、right、center 和 bottom 等關鍵字

如果預設偏移關鍵字，則會認為是 center

百分比計算方式

positionX = (容器的寬度 - 圖片的寬度) * percentX;

positionY = (容器的高度 - 圖片的高度) * percentY;

background-repeat

在保證實現效果的前提下，儘量的放大圖片去平鋪，能夠提升效能

background-color

背景色永遠是最低的，可以實現:active點選時，不用更改背景顏色而是更改背景圖片的樣式，不影響點選元素原有的顏色

ie8不支援多背景，ie9不支援css3漸變

ie9相容漸變的方式漸變濾鏡

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=red, endcolorstr= blue, gradientType=1);

gradientType=1 代表橫向漸變，gradientType=0 代表縱向淅漸變

透明度，可以使用 IE 瀏覽器的 8 字元的十六進位制顏色表示法，其格式為 #AARRGGBB

透明度的值轉換成十六進位制

瀏覽器控制檯Math.round(256 * opacity).toString(16);

IE8 瀏覽器不支援 rgba 半透明背景色，同樣可以使用漸變濾鏡來進行相容，讓漸變起始色和結束色保持一致，就可以實現純半透明背景色效果了

在 IE9 瀏覽器下，rgba 半透明和 filter 漸變會同時起作用，因此使用:root 選擇器重置了一下。