網頁背景圖片自動適應窗口大小的代碼

時間 2019-11-24

標籤網頁背景圖片自動適應窗口大小代碼欄目 HTML 简体版

原文原文鏈接

前幾天在作一個網頁想把一個分辨率比較大的一個背景圖片自動適應窗口大小，可是網上搜了下大都是使用css

JS控制網頁背景隨窗口大小自動適應的，並且大都效果不理想，最後終於找到了一個簡單的辦法
原本是想看看css能不能實現背景圖片自動適應窗口的的，可是惋惜的是在CSS2中，背景圖的大小在樣式中css3

是不可控的，好比要想使得背景圖填充滿某個區域，你要麼從新作張大點的圖，要麼就只能讓它以平鋪的方圖片

式來填充。想用css3中的background-size吧，可是它如今兼容性不是很好，對於IE來講只能兼容IE9

因此下面我就使用了下面的方法成功的把一個1920x1200的圖片自動適應窗口
<body>

<img src="./1.jpg" width="100%" height="100%" style="z-index:-it

100;position:absolute;left:0;top:0">

這裏是你本身寫的其餘東西

</body>

你們有興趣的也能夠試試！沒有什麼複雜的腳本也能夠實現網頁背景圖片自動適應窗口大小！
中國數據 q：800013911轉1018io

相關標籤/搜索