圖片說明
| 圖片大小180x180 | 外框大小200x200 |
外框大小100x100 |
| img {max-width：100%;height：auto;} | ||
 |
|
|
圖片與背景關係
外框大小：300X250;圖片大小180x180
| background-size:100% 100%; | background-size:100% auto; | background-size:auto 100%; |
| 不維持比例顯示 完整顯示圖片 |
維持比例顯示 長或寬以100%顯示， 另一邊自動比例調整 |
維持比例顯示 長或寬以100%顯示， 另一邊自動比例調整 |
| background-size:contain; | background-size:cover; | |
透明度說明
| opacity | rgba |
| opacity:0.6; background-color:#FFF; |
background:rgba(255,255,255,0.6); |
|
|
|