CSS线性渐变没有出现在Chrome，Safari浏览器

我加载像这样在我的HTML CSS文件：CSS线性渐变没有出现在Chrome，Safari浏览器

<head> 
<title>H e a d s p a c e</title> 
<style> 
     <link rel="stylesheet" href="styles.css" type = "text/css"> 

     </style> 
     </head>

，而我的CSS文件，如下所示：

body { 
    width: 100%; 
    height: 100%; 
    background: #11e8bb; /* Old browsers */ 
    background: -moz-linear-gradient(top, #11e8bb, #8200c9); /* FF3.6-15 */ 
    background: -webkit-gradient(linear, center top, center bottom, from(#11e8bb), to(#8200c9)); 
    background: -webkit-linear-gradient(top, #11e8bb,#8200c9); /* Chrome10-25,Safari5.1-6 */ 
    background: linear-gradient(to bottom, #11e8bb ,#8200c9); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#11e8bb', endColorstr='#8200c9',GradientType=0); /* IE6-9 */ 
}

然而它实际上并没有显示任何东西。背景只是白色。经过无数的其他stackoverflow /在线论坛的意见，我很无奈 - 任何想法，以什么是错的？

这两个文件都在服务器上，并在同一目录中。任何帮助是极大的赞赏！

来源

2017-02-20 Turkeydipking

CSS看起来不错。你可以发布你的文件夹结构吗？ –

我只在同一个public_html文件夹中的服务器上有index.html文件和styles.css文件。我开始怀疑它是否是我的html中的three.js代码，尽管我已经适当地设置了我的渲染器。 \t \t \t renderer.setClearColor（0x000000，0）;'所以我超级失去了。 – Turkeydipking

不要将链接放置在样式标签内的样式表中。

<head> 
<link rel="stylesheet" href="styles.css" type = "text/css"> 
</head>

是应该如何。你的代码否则工作得很好。

来源

2017-02-20 02:17:30 Dubliyu

完美，这工作！非常感谢！很简单！ – Turkeydipking

CSS线性渐变没有出现在Chrome，Safari浏览器

回答

相关问题