因为这段代码与 -moz 供应商前缀一起工作,我认为它可以很好地与 -webkit 或 -ms 一起工作,但它似乎不允许这样做:
background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.95) 100%);
我想 Mozilla 允许一些不应该使用的东西,但到目前为止我的研究是徒劳的......
有什么想法吗?
最佳答案
移除中心
。那么它应该可以工作。
还要确保所有浏览器都有它:
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.95) 100%);
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.95) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.95) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.95) 100%);
background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.95) 100%);
关于css - 线性渐变仅适用于 -moz 供应商前缀,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21438873/