亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

CSS實現(xiàn)的div懸浮框并且兼容IE6的樣式

  發(fā)布時間：2013-12-09 17:27:28   作者：佚名   我要評論
div懸浮框在某些特殊場合還是比較實用的，下面為大家介紹下使用CSS實現(xiàn)的并且兼容IE6，示例如下，感興趣的朋友可以練練手

復制代碼
代碼如下:

<!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>

相關文章

  • CSS鼠標懸浮DIV后顯示DIV外的按鈕解決方法

    昨天寫樣式遇到個問題，如何讓鼠標懸浮DIV后，顯示DIV外的按鈕，可以點擊到按鈕。下面通過本文給大家分享CSS鼠標懸浮DIV后顯示DIV外的按鈕解決方法，感興趣的朋友一起看看
    2017-08-26

  • 純CSS結合DIV實現(xiàn)的右側底部簡潔懸浮效果

    右側浮動效果，最早有QQ聯(lián)系面板，對聯(lián)廣告等，大多數(shù)都是基于Javascript實現(xiàn)的動態(tài)效果，今天我給大家分享一個只需要CSS結合DIV實現(xiàn)的右側浮動效果
    2014-09-10

  • 采用CSS定位屬性實現(xiàn)Html中DIV層疊與懸浮

    DIV沒有懸浮一說，更準確的應為層疊或者固定，下面為大家介紹的是通過CSS定位屬性來實現(xiàn)這一效果
    2014-05-18

  • 純CSS實現(xiàn)DIV懸浮的示例代碼(固定位置)

    這篇文章主要介紹了純CSS實現(xiàn)DIV懸浮的示例代碼(固定位置),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一
    2021-01-07

最新評論