首页 > web前端 > html教程 > IE6 下,无法固定页面顶部的DIV_html/css_WEB-ITnose

IE6 下,无法固定页面顶部的DIV_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 12:19:43
原创
861 人浏览过

<html><head><title>index.html</title><style type="text/css">.top{	width:100%;	background:#FFCCFF;	height:30px;	vertical-align:middle;	position:fixed;	top:0px;	_position:absolute; 	_top:expression_r(eval_r(document.documentElement.scrollTop + 0));	left:0px;}</style></head><body><div class="top" id="top">++++++++++++++++++++++++</div><div style="text-align:center;" id="tabDiv"></div></body><script type="text/javascript">function mspaint(){	var str = "<table width='80%' align='center' border='1'>";	str += "<tr><td>年份</td><td>省份</td><td>地区</td><td>姓名</td><td>对手</td></tr>";	for(var i=0;i<100;i++)	{		str += "<tr><td>2013</td><td>河南省</td><td>洛阳市</td><td>蒋介石</td><td>孙中山</td></tr>";	}	str += "</table>";	document.getElementById("tabDiv").innerHTML = str;}mspaint();</script></html>
登录后复制


我想要固定页面顶部的DIV,也就是 拖动下拉框的时候,锁定页面上方的DIV,  
上面的代码在IE8,IE9,google chroom都可以,唯独IE6不行,  
  
请问,如何解决在IE6下 也行的效果,  
  
谢谢。  


回复讨论(解决方案)

fixed 这个属性在 ie6 下不支持。有两种方法可以解决。
1、使用 js 来解决: http://www.cnblogs.com/yjzhu/archive/2012/11/06/2756974.html 其中第三条。
2、使用 css 来解决: css 解决 ie6 下 position:fixed 失效。

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板