名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。

• 本篇文章具体介绍如下

css固定定位，即悬浮效果（例如对联广告），不用js，css中"position:fixed;"即可。
position:fixed; 以视口为包含块，因此在浏览器窗口内固定。
ie 6.0不支持，因此采用相对于html元素的绝对定位。
<! DOCTYPEhtmlPUBLIC"-//W3C//DTDXhTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html;charset=gb2312" />
< title > CSS固定定位 </ title >
< style type ="text/css" > ...
*{...}{
padding:0;
margin:0;
}
#fixedLayer{...}{
width:100px;
line-height:50px;
background:#FC6;
border:1pxsolid#F90;
position:fixed;
left:10px;
top:10px;
}
</ style >
<!-- [iflteIE6]>
<styletype="text/css">
html{
height:100%;
overflow:hidden;
}
body{
height:100%;
overflow:auto;
}
#fixedLayer{
position:absolute;
}
</style>
<![endif] -->
</ head >

< body >
< div id ="fixedLayer" > 固定不动 </ div >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
< p > dd </ p >
</ body >
</ html >

CSS教程：行高line-height属性(1)0fCAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

0fCAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站！

好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明，本站内容来源于互联网，如果侵犯了你的权益请联系本站删除。,网站网页设计,教程,网站网页设计制作,广告,效果,