下面请跟着小编一起来了解下CSS简单实现网页悬浮效果(对联广告),精心挑选的内容希望大家喜欢,不要忘记点个赞哦!
css固定定位,即悬浮效果(例如对联广告),不用js,css中"&即可。
; 以视口为包含块,因此在浏览器窗口内固定。
ie 6.0不支持,因此采用相对于html元素的绝对定位。
!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0 Transitional//EN" "&;
html xmlns="&;
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
titleCSS固定定位/title
style type="text/css"...
* {...}{
padding:0;
margin:0;
}
#fixedLayer {...}{
;
;
background: #FC6;
solid #F90;
;
;
;
}
/style
!--[if lte IE 6]
style type="text/css"
html {
%;
;
}
body {
%;
;
}
#fixedLayer {
;
}
/style
![endif]--
/head
body
div id="fixedLayer"固定不动/div
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
pdd/p
/body
/html