CSS 圖片水平垂直置中

以下是原始碼

CSS 背景圖層透明處理

背景變暗並透明化處理，好處是可以將焦點注視在中間，此用法不只一般相簿可以使用，像是警告視窗或是廣告等等很多實用的用法

以下是完整程式碼

沒錯，就是這麼簡單而已
width: 100%;
height: 100%;
position: fixed;
top: 0px;
上述程式碼只是要讓整張背景涵蓋住整個螢幕，並跟隨捲軸移動

z-index: 1;
表示圖層，當數字越大就在越上面

opacity:0.4;
filter:alpha(opacity=40);
上述表示透明度 opacity 介於 0 ~ 1 之間，越接近 0 越透明
filter:alpha(opacity=40) 是使用在 IE8 以下，0 到 100。值越小越透明

CSS 判斷螢幕解析度

//在CSS檔中設定解析度範圍
@media screen and (min-width: 1200px) {
    // 如果使用者之視窗寬度 >= 1200px，將會再載入這裡的 CSS。
}

@media screen and (min-width: 768px) and (max-width: 979px) {
    // 如果使用者之視窗寬度介於 768px ~ 979px，將會再載入這裡的 CSS。  
}

@media screen and (max-width: 767px) {
    // 如果使用者之視窗寬度 <= 768px，將會再載入這裡的 CSS。  
}

@media screen and (max-device-width: 480px) {
    // 如果使用者之裝置寬度 <= 480px，將會再載入這裡的 CSS。
}
//在HTML的＜head＞標籤中加入這段
＜link href="filename.css" media="screen" rel="stylesheet" type="text/css"＞＜/link＞