css圖片濾鏡效果的顯示與作用
作者：佚名 時間：2014-02-08 分享到：
css濾鏡是ie5.5瀏覽器上以版本提供的一套機制,可以對界面元素提供更加豐富的外觀控制,盡管沒有其它瀏覽器的支持,但因其出色的效果,css濾鏡仍然受到不少設計師的認可與好評,可以使網頁在非ie瀏覽器中正常顯示,而在ie瀏覽器中則有更好的表現,例如現在覺的圖片漸變,就是使用css濾鏡實現的,其效果甚至可以和flash一樣.
css濾鏡的基本語法和css語法類似,也支持選擇器指定,只是在屬性中使用filter作為屬性名,屬性的值為具體的濾鏡內容.代碼如下:
div#div2
{
height:60px;
background-color:#fff;
}
這段css就是將id為div2的<div>的背景色設為白色,并設置50%的透明度,下面以一個圖片為例說明這個透明濾鏡的效果,我們在做網頁的時候可以找一個圖片,對<img>標記采用透明濾鏡:
當圖片執行了以上的代碼后,圖片的透明度就變成了原圖的50%.
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/hynews/20151126/n3204.html
