2016-12-27 7 views
0

私のHTMLは、このコードは、背景画像を設定するためのものであるなぜこのコードは背景イメージを表示していませんか?

<html> 
<head> 
<style type="text/css"> 
{ 
/*for setting background image*/ 
background-image: url('C:/Users/SONY/Desktop/CSS/images.jpg'); 
background-attachment: fixed 
} 
</style> 
</head> 
</html> 

をコード - 。しかし、それは の結果を示していません。私は2つのファイルを作成していません。 CSSや別のHTMLファイルのように。 私は両方のファイルを1つにコンパイルしました。

なぜ背景画像が見えませんか? にURLの正しいパスを指定していますが。

+0

ページはサーバー上にホストされているのですか、それともあなたのマシン上にありますか?セレクターがないことにも注意してください。 – Teemu

+0

'{'を 'html {'に置き換えてください。 – Banzay

+0

CSSに割り当てられたクラス、id、または要素はありません。 – Goombah

答えて

0

class/idやhtml、bodyなどのhtmlタグのいずれにも背景イメージを適用しないでください。クラスまたはIDを追加するか、組み込みタグにスタイルを適用する必要があります。あなたはこれを試すことができます

<html> 
    <head> 
    <style type="text/css"> 
    html{ 
    /*for setting background image*/ 
    background-image: url('C:/Users/SONY/Desktop/CSS/images.jpg'); 
    background-attachment: fixed; 
    } 
    </style> 
    </head> 
    </html> 

これが役立ちます。

+0

助けてくれてありがとう..それは働いた。 –

1

html,body.class#idなどの特定のCSSプロパティを指定する要素を指定する必要があります。

body { 
    /*for setting background image*/ 
    background-image: url('http://lorempixel.com/400/200/sports/1/'); 
    background-attachment: fixed 
} 

ここでは、作業fiddleのリンクです。

+0

リンクもコードもないので、あなたの答えを見直してください。 –

+0

それは働いた..あなたの助けをありがとう。 –

0

あなたのコードはCSSフォルダの下にあると思うので、その行は次のようになります。 background-image:url( 'images.jpg');

+0

私はこれを試みたが、それはまだ背景イメージを表示していない。 –

+0

本文{ /*背景画像を設定する*/ 背景画像:url( 'C:/Users/SONY/Desktop/CSS/images.jpg'); background-attachment:fixed;高さ:800px;幅:1200px; }はこれらのコードを試すことができます。 – shakil

+0

これは..ありがとう.. –

0
Use this style in your code. If want to pick image from local computer. 

<!DOCTYPE html> 
<html> 

<head> 
    <style type="text/css"> 
     html { 
      background-image: url(./images.jpg); 
      background-attachment: fixed; 
     } 
    </style> 

</head> 

<body> 

</body> 

</html> 
関連する問題