CSS線形グラデーションが、私はそうのように私のHTMLでCSSファイルをロードしていクローム、サファリ

に表示されない。しかしCSS線形グラデーションが、私はそうのように私のHTMLで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 */ 
}

次のように私のCSSファイルが見えるのに対し

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

     </style> 
     </head>

実際には何も表示されません。背景は単に白く見えます。他のstackoverflow /オンラインフォーラムの無数のビューの後、私は無力です - 何が間違っているかについてのアイデア？

両方のファイルは、サーバーと同じディレクトリにあります。どんな助けでも大歓迎です！

出典

2017-02-20 Turkeydipking

CSSが良好に見えます。あなたのフォルダ構造を投稿できますか？ –

私は、同じpublic_htmlフォルダ内の私のサーバ上にindex.htmlファイルとstyles.cssを持っています。レンダラーを適切に設定しましたが、html内のthree.jsコードであるかどうか疑問に思っています。 'renderer = new THREE.WebGLRenderer（{alpha：true}）; \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線形グラデーションが、私はそうのように私のHTMLでCSSファイルをロードしていクローム、サファリ

答えて

関連する問題