CSS Linear Gradient zeigt sich nicht in Chrome, Safari

Ich bin Laden wie so eine CSS-Datei in meinem Html up:CSS Linear Gradient zeigt sich nicht in 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>

während meine CSS-Datei wie folgt aussieht:

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 */ 
}

jedoch Es zeigt nichts an. Der Hintergrund kommt einfach als weiß durch. Nach unzähligen Ansichten anderer stackoverflow/online Foren bin ich hilflos - irgendwelche Ideen, was ist los?

Beide Dateien befinden sich auf einem Server und im selben Verzeichnis. Jede Hilfe wird sehr geschätzt!

Quelle

2017-02-20 Turkeydipking

CSS sieht gut aus. Können Sie Ihre Ordnerstruktur posten? –

Ich habe nur die Datei index.html und die styles.css auf meinem Server im selben public_html-Ordner. Ich beginne mich zu fragen, ob es der three.js-Code in meinem HTML ist, obwohl ich meinen Renderer entsprechend eingestellt habe. 'Renderer = new THREE.WebGLRenderer ({alpha: true}); \t \t \t renderer.setClearColor (0x000000, 0); 'So bin ich super verloren. – Turkeydipking

Versetzen Sie Ihre Links nicht in Stylesheets in ein Style-Tag.

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

Wie sollte es sein. Ihr Code funktioniert ansonsten gut.

Quelle

2017-02-20 02:17:30 Dubliyu

Perfekt, das hat funktioniert! Ich danke dir sehr! So einfach! – Turkeydipking

CSS Linear Gradient zeigt sich nicht in Chrome, Safari

Antwort

Verwandte Themen