使用position:fixed来固定一个HTML元素在屏幕上的位置代码,Css代码库,德仔网

代码语言

代码分类

【Css】使用position:fixed来固定一个HTML元素在屏幕上的位置

作者:Dezai.CN / 发布于2013/5/29/ 809

在IE 6里面，position不支持fixed属性。不过我从网上找到了一个巧妙而简单的方法来兼容这个傻浏览器。只要在CSS文件或者style中增加下面的定义，就可以了。


	<!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>
	<style type="text/css">
	.out {
	 border:1px solid #ff4400;
	 padding:5px;
	 position:fixed;
	 top:60px;
	 left:135px;
	}

	/* for stupid IE 6 */
	* html {overflow-y:hidden;}
	* html body {height:100%;overflow-y:auto;}
	* html .out {position:absolute;}
	</style>
	</head>
	<body>
	<div class="out">www.blabla.cn</div>
	<script type="text/javascript">
	for(var i=0; i<100; i++) {document.write("Hello, world!");}
	</script>
	</body>
	</html>

试试其它关键字

　position:fixed　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)