css整页背景没有出现

时间:2013-02-24 17:09:45

标签: css image background

所以我按照[http://css-tricks.com/perfect-full-page-background-image/][1]上的教程进行了操作 但没有出现!背景只是白色!

这是我的代码:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Home</title>
    <style type="css/text">
html {
    background: url(images/black-carbon-sheet.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
    </style>
 </head>
 <body>
 </body>
 </html>

请帮忙! 谢谢!

2 个答案:

答案 0 :(得分:2)

样式type="css/text"不正确

使用

样式type="text/css"或完全删除它。

还确保您的图片路径正确

答案 1 :(得分:0)

html, body { height: 100%; }

另外,请检查您的路径。