2017-02-20 11 views
0

Я загружая файл CSS в моем Html так: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/online я беспомощен - любые идеи о том, что случилось?

Оба файла находятся на сервере и в том же каталоге. Любая помощь очень ценится!

+0

CSS выглядит хорошо. Можете ли вы опубликовать структуру папок? –

+0

У меня есть только файл index.html и styles.css как на моем сервере в той же папке public_html. Я начинаю задаваться вопросом, является ли это кодом three.js внутри моего html, хотя я правильно настроил рендеринга. 'Renderer = new THREE.WebGLRenderer ({alpha: true}); \t \t \t renderer.setClearColor (0x000000, 0); 'Так что я супер потерян. – Turkeydipking

ответ

1

Не помещайте ссылки на таблицы стилей внутри тега стиля.

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

Как это должно быть. Ваш код в противном случае работает нормально.

+0

Отлично, это сработало! Спасибо огромное! Так просто! – Turkeydipking