javascript - 所有浏览器的 CSS 渐变简化

标签 javascript jquery html css

<分区>


这个问题似乎与 help center 中定义的范围内的编程无关。 .

关闭 9 年前

为什么我需要在 css 中对渐变代码同时使用 -moz-linear-gradient 和 -webkit-gradient 而不是为了所有浏览器兼容性而在单行中编写渐变代码?

如果我使用 10 种不同的渐变效果,CSS 编码会扩展到尽可能多的行。有没有其他方法可以简化或减少 css 渐变线

很抱歉这个愚蠢的问题在谷歌中查找但我找不到合适的解释。希望有人能帮助这个新人

最佳答案

这是因为在创建这些属性时,gradient 并未最终确定在标准中。 -moz-webkit 前缀表示这些属性是基于 Mozilla 和 Webkit 的浏览器中使用的标准的实现,而不是其他浏览器。

根据 CanIUse.com , gradient 属性在除 IE9 及更低版本之外的所有浏览器中均受支持。

关于javascript - 所有浏览器的 CSS 渐变简化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19930400/

上一篇:html - CSS属性使短词移动到下一行?

下一篇:Html css 布局- Web 移动支持

相关文章:

jquery - jqGrid 具有用户自定义的高级搜索和 addJSONData 填充

javascript - jQuery 用户界面 : How to check whether another instance of widget is opened?

html - 难以移动导航项和下拉菜单

html - Bootstrap 按钮调整大小

javascript - 克隆不计入长度

javascript - TypeScript 在 Namespace 下扩展 JQuery

php - 单击链接时设置 session 变量

javascript - Flot:实现阈值时折线图无法正常工作?

javascript - Ajax 从不调用我的 .NET 方法?

php - 在 wordpress 或 php/css 中更改横幅文本颜色