最新CSS3網頁漸變色背景,適用于IE
以下是三零網為大家整理的最新CSS3網頁漸變色背景,適用于IE的文章,希望大家能夠喜歡!
CSS3漸變色的背景,實現IE下含透明度變化紅藍垂直漸變的代碼,僅適用于IE瀏覽器,其它瀏覽器可能會出現問題。稍后會發布其它瀏覽器適用的漸變色背景代碼。
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>測試CSS3漸變色背景的代碼</title> <style type="text/css" rel="stylesheet"> .gradient{ width:300px; height:150px; filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); } </style> </head> <body> <div class="gradient"></div> </body> </html> |
延伸閱讀:
·【背景特效】CSS漸變背景的6個演示代碼
·【背景特效】全兼容CSS背景漸變代碼
·Firefox瀏覽器下的CSS漸變背景
·兼容性好的CSS3網頁漸變色背景代碼
·chrome/Safari瀏覽器下的漸變背景實現
·CSS實現背景漸變 CSs濾鏡使用
·CSS線性漸變 垂直和水平漸變linear-gradient
·CSS filter藍色漸變
·【層和布局】CSS濾鏡和漸變的綜合演示實例
·【表單特效】你絕對沒見過的CSS漸變按鈕效果