Css背景颜色渐变,j兼容多浏览器 IE6、IE7、IE8、FF、Opera、Chorme、Safari
来源:互联网 发布:淘宝seo如何优化 编辑:程序博客网 时间:2024/05/12 11:20
<td style="background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c97ff), to(#ffffff));FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#1c97ff,endColorStr=#ffffff);background: -moz-linear-gradient(top, #1c97ff, #ffffff);background: -o-linear-gradient(top, #1c97ff 0%,#ffffff 100%);"> </td>
红色支持IE6、7、8,蓝色支持FF,绿色是Chrome,紫色为Opera。
<table cellpadding="0" cellspacing="0" width="72%" height="30" border="0">
<tr>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='0')">1</td>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='1')">2</td>
<td width="33%" height="300" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#FFFFFF', endColorStr='#3568CC', gradientType='2')">3</td>
</tr>
</table>
用css实现网页背景渐变的代码如下:
一、从上往下渐变
Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
Example Source Code:
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
三、从左往右渐变
Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
一、从上往下渐变
Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
Example Source Code:
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
三、从左往右渐变
Example Source Code:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
四、从上往下渐变
Example Source Code:
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
五、从上往下渐变
Example Source Code:
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
- Css背景颜色渐变,j兼容多浏览器 IE6、IE7、IE8、FF、Opera、Chorme、Safari
- 浏览器兼容 IE6、IE7、IE8、Firefox、Opera CSS hack区分
- CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF
- CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF
- CSS Hack浏览器兼容IE6+IE7+IE8+IE9+FF
- CSS纯色半透明 支持IE6/IE7/IE8 FF CHROME OPERA SAFARI
- 多图片上传+图片预览,兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
- 多图片上传+图片预览,兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
- 多图片上传+图片预览,兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
- IE6、IE7、IE8、Firefox、Opera、谷歌浏览器、Safari CSS hack区分,浏览器兼容性
- IE6、IE7、IE8、Firefox、Opera、谷歌浏览器、Safari CSS hack区分,浏览器兼容性
- IE6、IE7、IE8、Firefox、Opera、谷歌浏览器、Safari CSS hack区分,浏览器兼容性
- div+css 兼容IE6/IE7/FF/IE8
- css IE6 IE7 IE8 FF兼容 高度
- 【转】CSS Hack区分浏览器 IE6 IE7 IE8 Firefox Opera Safari
- 当下主流浏览器IE6、IE7 、IE8、Firefox、Chrome、Safari、Opera
- Chrome、Firefox、IE6|IE7|IE8、Opera、Safari CSS HACK
- CSS Hack(Safari、Opera、Chrome、IE6、IE7、 IE8和IE9)
- js 获取地址栏参数,支持多参数
- HDU locker 4433
- 社区网格化管理
- 有关EM
- OCaml与C的互操作
- Css背景颜色渐变,j兼容多浏览器 IE6、IE7、IE8、FF、Opera、Chorme、Safari
- 初学WCF,今天调试WCF遇到的几个问题记录下
- Android 知识点积累(一)
- 伤我最深,记得最真的句子:QQ伤感日志
- 创建一张表,记录电话呼叫员的工作流水,记录呼叫员编 号、对方号码、通话开始时间、通话结束时间。建表、插数 据等最后都自己写SQL语句。
- KVM GUEST PERFORMANCE TUNING GUIDE
- android之manifest.xml内provider详解 .
- eclipse配置文件导出问题
- API hook原理和实例快速入门(inline hook),以dll线程注入方式使用(win7-64bit)