如何運用CSS在HTML中讓圖片自動適應屏幕大小的問題

最直接的辦法就是用CSS濾鏡：
 

在你背景圖片存放的標籤里加上style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_img.jpg', sizingMethod='scale')" 

但是這種用法有一個問題，就是會讓頁面中的輸入框，按鈕全部失效，輸入框無法獲得焦點，按鈕不能點擊。解決辦法如下:

只要給所有不能點擊的輸入框，按鈕或者鏈接嵌套一層DIV，添加相對定位position:relative即可，如果頁面中又採用了其他定位方法，只要在其外加上另外

一個Div容器就可以解決了。 

另外也可以用濾鏡實現漸變效果，代碼如下：

style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#EEEEEE',EndColorStr='#111111');"

其中GradientType取值0或1，表示橫向或縱向漸變。