CSS简单实现网页悬浮效果（对联广告）

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"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>CSS固定定位</title><styletype="text/css">...*{...}{padding:0;margin:0;}#fixedLayer{...}{width:100px;line-height:50px;background:#FC6;border:1pxsolid#F90;position:fixed;left:10px;top:10px;}</style></head><body><divid="fixedLayer">固定不动</div>dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</body></html>

　　推荐阅读

　　CSS关于初学者的问题

原文：http://www.ddcat.net/blog/archives/2007/11/195.html 前几天有个人退群了。起因很简单，他问了一个问题，没人回答，于是说要退群，后来我看到了，给了个链接，说这个问题已经说过好多遍了，于是他就退了>>>详细阅读

本文标题：CSS简单实现网页悬浮效果（对联广告）

地址：http://www.17bianji.com/kaifa2/CSS/17365.html

1/2 1