兼容IE8的渐变颜色css3

缺乏、安全感 2022-07-12 06:22 283阅读 0赞

css代码如下：

body{ width:100%; height:200px; background: -webkit-gradient(linear, 0 0, 0 0, from(#F6F4EF), to(#F1EDE6)); background: -webkit-linear-gradient(left,#F1EDE6, #F6F4EF, #F1EDE6); background: -moz-linear-gradient(left,#F1EDE6, #F6F4EF, #F1EDE6); background: -o-linear-gradient(left,#F1EDE6, #F6F4EF, #F1EDE6); background: -ms-linear-gradient(left,#F1EDE6, #F6F4EF, #F1EDE6); background: linear-gradient(left,#F1EDE6, #F6F4EF, #F1EDE6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #F6F4EF, endColorstr = #F1EDE6); }

filter: progid:DXImageTransform.Microsoft.Gradient(enabled= bEnabled, GradientType = 1/0， startColorstr = iWidth, endColorstr = iWidth);
     
     enabled:设置或检索滤镜是否激活。可选布尔值，包括true和false，默认值为true,表示激活状态。 startColorstr ：设置或检索色彩渐变的开始颜色和透明度。可选项，其格式为#AARRGGBB.AA、RR、GG、BB为十六进制正整数，取值范围 为00~FF。RR指定红色值，GG指定绿色值，BB指定蓝色值。AA指定透明度，00是完全透明。FF是完全不透明。 超出取值范围的值将被恢复为默认值。取值范围为#FF000000~#FFFFFFFF,默认值为#FF0000FF，即不透明蓝色。 endColorstr：设置或 检索色彩渐变的结束颜色和透明度。默认值为#FF000000，即不透明黑色。 GradientType：表示设置渐变类型，取值包括0和1，其中1表示水平渐变，该值为默认值，0表示垂直渐变。

发表评论取消回复

表情：

评论列表（有 0 条评论，283人围观）

还没有评论，来说两句吧...

相关阅读

相关字体渐变（兼容ie）

从左到右`<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">` 从上到下`<linearGradie

淡淡的烟草味﹌/ 2022年12月19日 03:58/ 0 赞/ 101 阅读

相关 css3边框颜色渐变

前言边框（border），平时最常用的样式之一，它可以设置宽度、样式和颜色。以前需求都比较单纯，颜色使用单色就能满足要求，但是现在不一样了，用户审美提高了，要求就三点：

秒速五厘米/ 2022年09月11日 00:27/ 0 赞/ 232 阅读

相关 CSS3颜色渐变模式总结

CSS3颜色渐变模式总结 1.线性渐变：linear-gradient 语法：<linear-gradient> = linear-gradient(\[ \[ <an

柔光的暖阳◎/ 2022年08月21日 07:50/ 0 赞/ 211 阅读

相关 IE6、IE7、IE8的CSS、JS兼容

Internet Explorer 6中查看使用 Microsoft JScript 的网页，可能会遇到web浏览器速度较慢的性能问题。原因是如果js脚本同时创建大量变量，js

ゝ一世哀愁。/ 2022年08月09日 15:55/ 0 赞/ 297 阅读

相关 css3-颜色渐变线性径向

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

灰太狼/ 2022年07月14日 00:44/ 0 赞/ 225 阅读

相关兼容IE8的渐变颜色css3

css代码如下： body{ width:100%; height:200px; background: -webkit-gradient(linear, 0 0,

缺乏、安全感/ 2022年07月12日 06:22/ 0 赞/ 284 阅读

相关 css 颜色渐变兼容性

参考文献：http://caibaojian.com/css3-background-gradient.html 　　　　 https://www.cnblogs.com

旧城等待，/ 2021年12月16日 15:41/ 0 赞/ 325 阅读

相关 css3背景颜色线性渐变兼容ie9浏览器方法（背景颜色线性渐变在ie9下失效问题解决）

{ background:linear-gradient(178deg,rgba(99,91,254,1) 0%,rgba(105,114,255,

你的名字/ 2021年12月04日 07:39/ 0 赞/ 403 阅读

相关 css3 颜色渐变 background：liner-gradient()

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>css3颜色渐

谁践踏了优雅/ 2021年10月01日 08:42/ 0 赞/ 360 阅读

相关 css3颜色渐变：css3如何实现背景颜色渐变？

为了开发网页的美观，css3背景颜色渐变是经常会用到的，那么，css3背景颜色渐变如何设置呢？本篇文章我们就来介绍关于css颜色渐变背景的设置方法。我们要知道的是cs...

朱雀/ 2021年01月29日 18:59/ 0 赞/ 895 阅读