首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

背景浮动于全部层上方

2013-04-20 
背景浮动于所有层上方如何像这样网站 那个飞机能在左右层上方http://www.etonkids.com/style typetext/

背景浮动于所有层上方
如何像这样网站 那个飞机能在左右层上方http://www.etonkids.com/

<style type="text/css">
<!--

#aad {
background-image: url(http://www.etonkids.com/Portals/_default/Skins/DarkKnight/images/bg-plane.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-position-x: 50%;
background-position-y: 0px;
background-size: aut0;
background-origin: padding-box;
background-clip: border-box;
background-color: transparent;
visibility: visible;
position: static;
display: inherit;
width: 100%;
}
#aad .aas {
width: 100%;
height: 300px;
background-color: #FF0000;
}
-->
</style>
<div id="aad">
<div class="aas"></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>


[解决办法]
在后置背景里(也就是你这里面的div.aas)加上如下代码

position:absolute;
left:0px;
top:0px;
z-index:-1;

z-index设置的是其显示的层次先后,可以为-1,0和1。-1就是后置,1为前置,0为默认

热点排行