你是不是在顺序搞反了,应该是先为body加背景图片,再为.all加背景图片,这亲,.all的背景图片就在body的上面
恰好刚才在回答其它的问题时,手上有个简单源码:
<style type="text/css">
<!--
body {
background:url(1.jpg) no-repeat
}
.all {
background:url(2.jpg) no-repeat
}
-->
</style>
<body>
<div class="all">
<div class="part">
<div class="title">111</div>
<div class="content">2222</div>
</div>
<div class="part">
<div class="title">3333</div>
<div class="content">44444</div>
</div>
</div>
</body>
有三种方法可以在站点网页上使用样式表(CSS):外联式Linking(也叫外部样式):将网页链接到外部样式表。
嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。
内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。
其中,优先级:内联式 >嵌入式 >外联式
外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style>标签定义内部样式表。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}</style>
</head>
内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
<p style="color: redmargin-left: 20px">
This is a paragraph
</p>