html在不同浏览器器下颜色不同,CSS在不同浏览器下实现颜色渐变效果

想做一个首页巨幕，又不想用图片，这样速度会慢掉一点点，纯色挺丑的，只好试试渐变效果咯。CSS 3有很好的颜色渐变支持，要应付一些老旧的浏览器，还是要几行代码滴。

整理如下：background-p_w_picpath: -moz-linear-gradient(top, #ff4f02, #8f2c00);

/* Firefox */

background-p_w_picpath: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #800000));

/* Safiri 4+, Chrome */

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f02',endColorstr='#8f2c00');

/* IE 6 7 8 9 */

background: -ms-linear-gradient(top, #ff4f02, #8f2c00);

/* IE 10 */

效果是酱紫的：

html在不同浏览器器下颜色不同,CSS在不同浏览器下实现颜色渐变效果相关推荐

css元素与浏览器边框,别具光芒CSS属性、浏览器兼容与网页布局
别具光芒CSS属性.浏览器兼容与网页布局语音编辑锁定讨论上传视频上传视频 <别具光芒CSS属性.浏览器兼容与网页布局>是2008年人民邮电出版社出版的图书.该书结合大量范例与实 ...
html如何让链接下划线消失,css让超链接不加下划线？
html中a标签是用来设置超链接的,不加任何的css样式,a标签默认会有一条下划线,本篇文章将介绍如何使用css去除a标签的下划线,感兴趣的同学,一起来学习吧. css让超链接不加下划线? css中去 ...
html导航去下划线,纯CSS实现导航栏下划线跟随的示例代码
本篇文章主要介绍了纯CSS实现导航栏下划线跟随的示例代码,分享给大家,具体如下: 效果: 代码: html: aaaa bbbbbbb cccc dddd eeee css: ul { padding ...
手机浏览器加载不出来css,如何解决浏览器不加载css文件的问题
解决浏览器不加载css文件的方法:1.检查css路径是否错误并修改:2.将css文件中指定的编码与页面设置统一:3.修改文件后缀的minetype类型:4.检查并修改HTML头部的DOCTYPE声明. ...
php网站灰颜色代码,css取消Safari浏览器链接点击颜色变灰-webkit-tap-highlight-color_html/css_WEB-ITnose...
给可点击的元素添加代码: -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color 是一个不规范的属性(unsupp ...
CSS设置七彩的下拉菜单
CSS设置七彩的下拉菜单 CSS不仅可以控制下拉菜单的整体字体和边框,而且,可以设置每一个选项的背景色和文字颜色. 首先,建立HTML部分,包括表单.下拉菜单.各个选项和按钮等等. <span ...
android设置webview光标颜色,CSS自定义设置元素闪烁光标颜色
这次给大家带来CSS自定义设置元素闪烁光标颜色,CSS自定义设置元素闪烁光标颜色的注意事项有哪些,下面就是实战案例,一起来看一下. 前言因为业务需求, 要求我们的input框内的文本与悬浮的光标颜色不 ...
解决css firefox火狐浏览器IE浏览器下的兼容性问题
来源:http://www.163ns.com/zixun/post/4544.html 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-ri ...
哪个html在大部分浏览器下是不隐藏的,前端浏览器兼容性问题总结
市场上浏览器种类很多,不同浏览器的内核也不尽相同,所以各个浏览器对网页的解析存在一定的差异.浏览器内核主要分为两种,一是渲染引擎,另一个是js引擎,内核更加倾向于说渲染引擎. 常见的浏览器内核可以分四 ...

html在不同浏览器器下颜色不同,CSS在不同浏览器下实现颜色渐变效果

html在不同浏览器器下颜色不同,CSS在不同浏览器下实现颜色渐变效果相关推荐

最新文章

热门文章