opacity:0.5;
filter:alpha(opacity=100); /* For IE8 and earlier */
1. CSS Sprite(雪碧圖|精靈圖)指什么? 有什么作用?
雪碧圖就是指網站上一些小的圖標、logo合并到一張圖片上，通過 background-position屬性來控制。
可以減少網絡請求，節約資源。
2.img標簽和CSS背景使用圖片在使用場景上有何區別?
對于固定不變的內容，如圖標等用css背景；對于可變的內容，圖片和內容相關，用img標簽；
3.title 和 alt屬性分別有什么作用?
-
title:設置鼠標懸停在元素上時顯示的文字； -
alt:設置圖片不能顯示時，代替顯示的文字。
4.background: url(abc.png) 0 0 no-repeat;這句話是什么意思?
給元素設置一張url為abc.png的背景圖片，在元素的左上角顯示，不平鋪。
5.background-size有什么作用? 兼容性如何? 常用的值是?
background-size用來設置背景圖片的大小，常用的值有：
- auto:默認值，不改變圖片的原始高度和寬度
- <長度值>：成對出現，如，
background-size:200px 50px,分別是寬高。如果只設置了一個值，則將其作為圖片寬度值來等比縮放； - <百分比>：背景圖片的寬高依次設為所在容器的寬高乘以這百分比；
- cover：等比縮放直至填充滿整個容器；
- contain：等比縮放直至某一邊貼緊容器邊緣為止。
6.如何讓一個div水平居中？如何讓圖片水平居中?
1.div設置居中的方法：
- 給定一個寬度，然后設置
margin: 0 auto;; - 把它放在table標簽內（利用table標簽的長度自適應性），然后設置
margin: 0 auto;
2.圖片居中的方法：對圖片的父容器設置 text-align: center;
7.如何設置元素透明? 兼容性？
-
opacity:0.2;，IE8部分支持, 其他瀏覽器均支持； -
filter:alpha(20);，IE8及以下，其它主流瀏覽器都支持；
8.opacity和 rgba都能設置透明，有什么區別?
opacity會影響所有后代元素，rgba不會影響后代元素。
