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

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

WBOY
發布: 2016-06-24 12:19:43
原創
858 人瀏覽過

<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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板