Heim > Web-Frontend > HTML-Tutorial > IE6 下,无法固定页面顶部的DIV_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:19:43
Original
861 Leute haben es durchsucht

<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>
Nach dem Login kopieren


我想要固定页面顶部的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 失效。

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage