> 웹 프론트엔드 > HTML 튜토리얼 > IE6 下,无法固定页面顶部的DIV_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:19:43
원래의
857명이 탐색했습니다.

<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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿