IE6 下，无法固定页面顶部的DIV_html/css_WEB-ITnose-html教學-PHP中文網

回复讨论(解决方案)

首頁

web前端

html教學

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:19 PM

<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 失效。

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn