css - 如何在非 webkit 浏览器中使用 `-webkit-linear-gradient`
问题描述
是否可以将以下内容推广到非 webkit 浏览器?下面的 css 给出了类似这样的东西,不幸的是仅限于 webkit 浏览器:
background-image: -webkit-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
background-size: 30px 30px;
解决方案
你可以试试这个
background-image: -webkit-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
background-image: -moz-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
background-image: -ms-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
background-image: linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
推荐阅读
- python - 与 Python 子进程通信
- reactjs - 如何一次将道具传递给所有样式化的组件css属性?
- authentication - 在 Nativescript App 中使用 Axios 进行用户认证
- flutter - 你能改变 IntelliJ Dart 结束评论的颜色吗?
- laravel - 在 laravel 中处理对象的集合
- swiftui - 视图内容更改时如何阻止 SwiftUI DragGesture 死机
- javascript - 使标题在除登录之外的所有组件上可用
- azure-keyvault - get-azurekeyvaultkey 不返回“公钥”
- c# - 仅在一侧与导航属性的一对多关系?
- string - Rust 中的字符串引用比较