最简单的 css 背景问题请教

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta charset="UTF-8">
<style>
body{
margin:0;
padding:0;

}
#logo img{
margin:0 auto ;
max-width: 100%;
height: auto;
width: auto;
}
#logo{margin:0 auto ;
padding: 0;}
#main{
margin:0;
background-attachment: scroll;
background-image:url(lg.jpg) no-repeat left center;
-moz-background-size:100% 100%;
background-size:100% 100%;
height: 1000px;

}
</style>
</head>
<body>
<div >

<div id="logo"><img src="./logo.jpg" /></div>

<div id="main">111</div>

</div>
</body>
</html>

背景和文件在同一文件夹，

wxt2005

2015-03-31 22:32:47 +08:00

@likai 你的这句 url(lg.jpg) no-repeat left center 其实描述了三个属性：background-image, background-repeat, background-position。
然而你的属性名却是background-image，那显然是非法的。改成background之后就成为简写属性了，就可以同时容纳这几个属性值。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/180437

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.