IE8(Internet Explorer 8)是一款非常經典的瀏覽器,它自推出以來得到很多人的信賴和支持,當然也有很多人因為它不支持部分新技術而對它失望。不過,你可能不知道的是,在IE8中,其實是支持CSS3VML的。
<!-- CSS3VML通過JS實現VML元素的創建與渲染 --> <!-- 使用樣式表中的shapes來控制VML的創建及繪制 --> <!-- shape:形狀,fill:填充,stroke:描邊 --> <v:shape id="rect" type="#rect" style="position:absolute;left:0px;top:0px;width:100px;height:100px;"> <v:fill opacity="0.5" color="red" /> <v:stroke color="blue" dashstyle="dash" /> </v:shape>
CSS3VML是一種通過JS實現VML元素的創建與渲染的技術,它使用樣式表中的shapes來控制VML的創建及繪制。在上述代碼中,我們通過創建一個矩形(type="#rect"),并設置樣式(style="position:absolute;left:0px;top:0px;width:100px;height:100px;"),來實現一個簡單的圖形繪制。同時,我們還可以給矩形設置填充顏色(<v:fill opacity="0.5" color="red" />)和描邊顏色(<v:stroke color="blue" dashstyle="dash" />),讓圖形看起來更美觀。
雖然CSS3VML技術已經相對落后,但在IE8等一些舊版瀏覽器中,它仍然是一個很好的選擇,可以幫助我們實現一些局限于舊版瀏覽器的圖形效果。