2015-11-03 118 views
-1

我试图使用下面的代码在后台设置图像,但输出结果是空白的。请帮忙!css样式标记不起作用

<html> 
<head> 
<title>Hotel Registration form</title> 
<style type="text/css"> 
body{ 
    background-image: url(file:///C:/Users/user/Desktop/WE/Pics/prac6/resort.jpg); 
    background-repeat: no-repeat; 
} 
</style> 
</head> 
<body> 

</body> 
</html> 
+0

'file://'URI是众所周知的。改为使用相对URI。 – Quentin

+0

使用图像的相对路径。例如,如果图像与html文件位于同一个文件夹中,它将只是'background-image:url(resort.jpg);' – APAD1

+0

@guneet使用图像的相对url http://stackoverflow.com/questions/ 2005079 /绝对-VS-相对网址 –

回答

1

使用相对路径。还要创建一个项目文件夹并为您的项目下订单。那真的很简单。

  • 项目
    • 文件夹(CSS /图像/ JS /等)
    • 主文件(索引/关/ etc ....)

<html> 
 
<head> 
 
<title>Hotel Registration form</title> 
 
<style type="text/css"> 
 
body{ 
 
    background-image: url(img/resort.jpg); 
 
    background-repeat: no-repeat; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
</body> 
 
</html>