CSS實現(xiàn)的div懸浮框并且兼容IE6的樣式
發(fā)布時間：2013-12-09 17:27:28 作者：佚名 
我要評論
我要評論div懸浮框在某些特殊場合還是比較實用的，下面為大家介紹下使用CSS實現(xiàn)的并且兼容IE6，示例如下，感興趣的朋友可以練練手
復(fù)制代碼
代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//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:1px solid #F90;
position:fixed;
right:10px;
bottom:10px;
}
</style>
<!--[if lte IE 6]>
<style type="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>
相關(guān)文章
CSS鼠標(biāo)懸浮DIV后顯示DIV外的按鈕解決方法
昨天寫樣式遇到個問題，如何讓鼠標(biāo)懸浮DIV后，顯示DIV外的按鈕，可以點擊到按鈕。下面通過本文給大家分享CSS鼠標(biāo)懸浮DIV后顯示DIV外的按鈕解決方法，感興趣的朋友一起看看2017-08-26純CSS結(jié)合DIV實現(xiàn)的右側(cè)底部簡潔懸浮效果
右側(cè)浮動效果，最早有QQ聯(lián)系面板，對聯(lián)廣告等，大多數(shù)都是基于Javascript實現(xiàn)的動態(tài)效果，今天我給大家分享一個只需要CSS結(jié)合DIV實現(xiàn)的右側(cè)浮動效果2014-09-10采用CSS定位屬性實現(xiàn)Html中DIV層疊與懸浮
DIV沒有懸浮一說，更準(zhǔn)確的應(yīng)為層疊或者固定，下面為大家介紹的是通過CSS定位屬性來實現(xiàn)這一效果2014-05-18
這篇文章主要介紹了純CSS實現(xiàn)DIV懸浮的示例代碼(固定位置),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一2021-01-07