日期:2014-05-17  浏览次数:20549 次

ie8和ie6的兼容问题。。求助各位高手
<div style="float:left; margin-top:0px;border:0px solid red"><font class="font2" >你好:欢迎登录性能测试资源计划系统</font></div>

<s:if test="#session.roleId==2">
<div style="position:absolute; left:350px; top:-6px; border:0px solid blue; width:900px">
<direction><bihavior><marquee direction=left onMouseOver=this.stop() onMouseOut=this.start() bihavior=scroll height=20>
当前有1个项目计划需要评审
</marquee>
</bihavior>
</direction>

上面代码。
我想把这个两个放在一行上,ie6实现了,但是在ie8上是错乱的。。。
应该怎么样改呢?


------解决方案--------------------
<div style="float:left; margin-top:0px;border:0px solid red"><font class="font2" >你好:欢迎登录性能测试资源计划系统</font></div>
这个是固定的了
下面那个你定义了绝对定位
那通过调整top 和 left不就可以达到你的目的吗
------解决方案--------------------
我测试了 ie6和ie8的效果一样啊!!都是在一行上的
------解决方案--------------------
一句话兼容IE8,放在头部里
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7">
</head>

这样IE8就有和IE6、IE7一样的效果了
------解决方案--------------------
如何IE显示正常可以在head标签中添加
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
IE8以IE7渲染。position:absolute是相对父元素定位。