本文介绍了CSS渐变少有内容:修复有Chrome的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我问了一个问题返回

我想出了一个可能的解决方案

I came up with a possible fix http://jsfiddle.net/aruUS/2/

html, body { min-height: 100% }
body {
    background: -moz-linear-gradient(top, blue, red 200px);
    background: -webkit-gradient(linear, 0 0, 0 200px, from(blue), to(red));
}

只有Firefox部分工作,webkit只支持停止百分比吗?

only the Firefox part works, it appears webkit only supports percentages for color stops? Anyway to make this work?

推荐答案

只需将 px code> 200px 。 Webkit的渐变语法中的像素值是无单位的。 Ie

Simply remove the px from 200px. Pixel values are unitless in Webkit's gradient syntax. I.e.

background: -webkit-gradient(linear, 0 0, 0 200, from(blue), to(red));

查看Surfin的Safari博客:

See the Surfin' Safari blog's Introducing CSS Gradients:

数字 >没有单位,而是长度,。

Numbers don't have a unit, as opposed to lengths, which do, according to the CSS specification.

这篇关于CSS渐变少有内容:修复有Chrome的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-24 12:21