国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS簡單實現(xiàn)網(wǎng)頁懸浮效果(對聯(lián)廣告)

2024-07-11 08:42:54
字體:
供稿:網(wǎng)友
css固定定位,即懸浮效果(例如對聯(lián)廣告),不用js,css中"position:fixed;"即可。
position:fixed; 以視口為包含塊,因此在瀏覽器窗口內(nèi)固定。
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>
<!--[iflteIE6]>
<styletype="text/css">
html{
height:100%;
overflow:hidden;
}
body{
height:100%;
overflow:auto;
}
#fixedLayer{
position:absolute;
}
</style>
<![endif]
-->
</head>

<body>
<divid="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>
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 永登县| 伊通| 阿拉善左旗| 汕头市| 保亭| 辉县市| 衡东县| 松桃| 雷波县| 永清县| 塘沽区| 那曲县| 沙雅县| 大渡口区| 攀枝花市| 兰考县| 仙游县| 阳高县| 扎囊县| 黔南| 教育| 桓台县| 泾源县| 虹口区| 永城市| 张掖市| 大同市| 多伦县| 新巴尔虎左旗| 建阳市| 肃南| 昌乐县| 平罗县| 广南县| 城口县| 会宁县| 清丰县| 南川市| 德化县| 清丰县| 宿松县|