渐变背景在Chrome中使用-webkit-渐变不起作用
渐变背景在Chrome中使用-webkit-渐变不起作用
提问于 2010-12-21 07:59:38
大家好，
我使用了一个带有-webkit-gradient的渐变背景。它不能在Windows 7的Chrome 8.0.552.224上工作，但我可以发誓它最近在Chrome-OS X上工作。今天是星期一，所以我可能遗漏了一些明显的东西，但如果是这样的话，我就不能弄明白了。如果你能过来看看我会很感激的。这里的示例代码将在Firefox上运行，但不会在Chrome中显示渐变：
谢谢，-Northk
<!DOCTYPE html>
<html lang="en">
<head>
<title>Gradient test </title>
<style>
.main-header
{
padding-top: 50px;
min-height: 50px;
background: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#fff), to(#000));
background: -moz-linear-gradient(top, #fff, #000);
border: 1px solid #000;
}
</style>
</head>
<body>
<div class="main-header">
THIS WORKS ON FIREFOX BUT DOESN'T WORK ON CHROME-WINDOWS 7!
</div>
</body>
</html>回答 3
Stack Overflow用户
发布于 2010-12-21 11:31:21
看起来我只是把语法搞错了。下面是它应该是什么样子的：
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#000)); Stack Overflow用户
发布于 2012-01-22 02:14:12
请注意，Chrome 16.0.912.75m在解析样式时仍然有一个小的CSS错误/问题：
background:-webkit-linear-gradient (top,gray 0,#A0A0A0 100%);这将不起作用，因为-webkit-线性梯度和起始括号之间存在空格。删除额外的空格将解决这个问题，同时缩小CSSs。
Stack Overflow用户
发布于 2013-07-10 12:59:13
尝尝这个
background: -webkit-linear-gradient(#DDDDDD, #ffffff);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4495141
复制相关文章
相似问题
腾讯云开发者
