700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > CSS简单实现网页悬浮效果(对联广告)

CSS简单实现网页悬浮效果(对联广告)

时间:2020-01-28 14:49:38

相关推荐

CSS简单实现网页悬浮效果(对联广告)

下面请跟着小编一起来了解下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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。