html渐变不兼容,css3 linear-gradient渐变效果及兼容性处理

最新推荐文章于 2023-02-16 20:43:15 发布

一人一猫浪迹天涯

最新推荐文章于 2023-02-16 20:43:15 发布

阅读量610

点赞数

文章标签： html渐变不兼容

Document

.gradient{

height:40px;

background: #A56697;

background:-moz-linear-gradient(left,#CA5A83,#7E72AB);

background:-webkit-linear-gradient(left,#CA5A83,#7E72AB);

background: -o-linear-gradient(left,#CA5A83,#7E72AB);

background: -ms-linear-gradient(left,#CA5A83,#7E72AB);

background: linear-gradient(to right, #CA5A83 %,#7E72AB %);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CA5A83', endColorstr='#7E72AB',GradientType= );

:root .gradient{filter:none;}

}

【知识点】几个常见浏览器内核和IE滤镜filter

CSS3 Gradient渐变效果

最近看到一遍关于渐变的文章,感觉很好,只是收藏感觉太可惜了,就转载了,好好学习! CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变). ...

使用CSS3创建文字颜色渐变(CSS3 Text Gradient)

考虑一下,如何在网页中达到类似以下文字渐变的效果? 传统的实现中,是用一副透明渐变的图片覆盖在文字上.具体实现方式可参考 http://www.qianduan.net/css-gradient-te ...

css3的线性渐变效果

1.代码:

CSS3背景颜色渐变效果

1.firefox浏览器: background-image: -moz-linear-gradient(top , #eef9fe, #d1ecff); 2.safari.chrome浏览器: ba ...

随机推荐

xtrabackup原理1

http://www.cnblogs.com/Amaranthus/archive/2014/08/19/3922570.html Percona XtraBackup User Manual 阅读笔 ...

unexpected nil window in &lowbar;UIApplicationHandleEventFromQueueEvent&period;&period;&period;

unexpected nil window in _UIApplicationHandleEventFromQueueEvent, _windowServerHitTestWindow:

基础总结篇之五：BroadcastReceiver应用详解

問渠那得清如許?為有源頭活水來.南宋.朱熹据说程序员是最爱学习的群体,IT男都知道,这个行业日新月异,必须不断地学习新知识,不断地为自己注入新鲜的血液,才能使自己跟上技术的步 ...

Ext&period;Net 使用总结之查询条件中的起始日期

2.关于查询条件中起始日期的布局方式首先上一张图,来展示一下我的查询条件的布局,如下: 大多数时候,我们的查询条件都是一个条件占一个格子,但也有不同的时候,如:查询条件是起始日期,则需要将这两个条件 ...

windows7 iis安装与配置

方法/步骤一． Windows 7环境下的安装配置打开控制面板——程序和功能点击左侧“打开或关闭Windows功能”,弹出Windows功能对话框. 在Windows功能对话框中进 ...

MySQL5&period;6锁阻塞分析

日常维护中,经常会碰到线程被阻塞,导致数据库响应非常慢,下面就看看如何获取是哪个线程导致了阻塞的. blog地址:http://blog.csdn.net/hw_libo/article/detail ...

Laravel中pluck的使用——返回指定的字段值信息列表

$model = self::where(['is_delete' => 0, 'is_on_sale' => 1]) ->whereIn('goods.cat_id', Goods ...

HTML 语义化标签-新增标签介绍

python 字典的KeyError处理方法

先看一段代码: user = dict(name="brainliao", age=32) print(user["sex"]) 运行结果如下: user这个字 ...

关注