兼容主流浏览器的渐变颜色背景gradient的写法
浏览器 颜色 背景 兼容 写法 主流 渐变 Gradient
2023-09-11 14:15:07 时间
/* Webkit: Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0%
0%, 0% 100%, from(#ff6600), to(#339900));
/* Webkit: Safari 5.1+, Chrome 10+
*/
background: -webkit-linear-gradient(top, #ff6600, #339900);
/*
Firefox 3.6+ */
background: -moz-linear-gradient(top, #ff6600, #339900);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #ff6600,
#339900);
/* IE 10 */
background: -ms-linear-gradient(top, #ff6600,
#339900);
/* IE < 10 */
/* 注意:这一行必须写在最后 */
FILTER:
progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ff6600,
endColorStr=#339900);
相关文章
- 【转】浏览器加载渲染网页过程解析--总结(三)
- 浏览器事件机制与自定义事件的实现
- 关于微软 Edge 浏览器的 Tracking Prevention 特性在 Angular 应用中的影响
- 设置google浏览器不缓存JS
- 大型情感剧集Selenium:9_selenium配合Pillow完成浏览器局部截图
- 1472. 设计浏览器历史记录-双向队列法
- 【CSS】使用 CSS 实现三角形 ( 宽高设置为 0 | 设置四个边框宽度 / 样式 / 颜色值 | 兼容低版本浏览器 | 基本示例 | 对话框示例 )
- 百度浏览器极速模式下访问 FastAdmin 的问题
- CSS背景图片自适应 根据浏览器分辨率大小自动伸缩
- 谷歌浏览器的源码分析(26)