渐变背景在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>Stack Overflow用户
发布于 2013-07-10 12:59:13
尝尝这个
background: -webkit-linear-gradient(#DDDDDD, #ffffff);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4495141
复制相关文章
相似问题
腾讯云开发者
