div在css中透明度怎么調

新建一個html文件，定名為test.html，用于講解div在css中透明度怎么調。

在test.html文件內，建立兩個div，別離設置其class屬性為div1、div2，用于下面利用css對類名進行樣式的設置。

利用css同一設置兩個div絕對定位在頁面的頂部，并浮動標的目的左。這樣結構可以讓兩個div重疊，設置透明度時可以看到較著的結果。

利用css設置類名為div1的div寬度為400px，高度為200px，布景顏色為黃色。

利用css設置類名為div2的div寬度為100px，高度為100px，布景顏色為綠色。

利用css設置類名為div2的div透明度。針對IE瀏覽器利用filter屬性設置，針對firefox瀏覽器利用-moz-opacity屬性設置，其他的瀏覽器利用opacity屬性設置。透明度值越小，越透明。例如，下面設置div透明度為30%

在瀏覽器打開test.html文件，查看設置了透明度的div的結果。

0 條評論