用网页技术CSS实现网页背景渐变的四种代码设置

一、从上往下渐变复制代码代码如下: body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); } 二、从左上至右下渐变复制代码代码如下: body{ FILTER: Alpha( style=1,opacity=25,finishOpacity=100, startX=50,finishX= 100,startY=50,finishY=100); background-color: skyblue; } 三、从左往右渐变复制代码代码如下: body{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000); } 四、从上往下渐变复制代码代码如下: style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);" 举例如：复制代码代码如下: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>背景渐变</title> <style type="text/css">  </style></head> <body> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="600" style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"> </td> </tr> </table> </body> </html>

　　推荐阅读

　　IE6 select z-index无效，遮挡div bug的解决方法

今天我说说iframe解决的一般方法，已经使用jQuery插件bgiframe解决IE6 select z-index无效，遮挡div的bug。解决方法之一：Iframe包裹select元素使用iframe包住select，这样iframe有z-index，只要在div上设置的>>>详细阅读

本文标题：用网页技术CSS实现网页背景渐变的四种代码设置

地址：http://www.17bianji.com/kaifa2/CSS/16622.html

1/2 1