我知道这对于位置很容易:固定,但不幸的是我坚持支持IE 6.我怎么能这样做？我宁愿使用CSS来干净,但如果我必须使用Javascript,那不是世界末日.在我目前的实现中,我有一个"浮动页脚"浮动在主要内容区域上方,并使用Javascript定位.我现在的实现即使使用Javascript也不是特别优雅,所以我的问题是:
new FloatingFooter("floatingDiv")).我猜想没有超级简单的解决方案可以满足上述所有要求,但我可以构建的东西会很棒.
最后,只是一个更普遍的问题.我知道这个问题很难解决,那么其他UI替代方案是什么,而不是在每个页面的底部都有页脚内容？在我的特定网站上,我用它来显示步骤之间的转换.还有其他方法吗？
无论如何,绝对定位的孩子是否可以扩展以填补其相对定位的父母？(父级的高度不固定)这是我所做的,它与Firefox和IE7正常工作,但不是IE6.:(
<div id="parent">
<div id="child1"></div>
</div>
#parent { position: relative; width: 200px; height:100%; background:red }
#child1 { position: absolute; top: 0; left: 200px; height: 100%; background:blue }
就像其他所有的Web开发人员一样,我很沮丧我的网站代码与IE 6一起工作.所以决定放弃对IE 6的支持并礼貌地要求他们升级到IE 7+或Firefox.
您能否建议我如何检测IE6用户并显示一个显示ASP.NET MVC升级细节的特殊页面？
在服务器端处理这个脚本是个好主意吗？或者你建议使用像jQuery这样的客户端脚本来处理这个问题吗？
可能重复:
在同一台计算机上运行Internet Explorer 6,Internet Explorer 7和Internet Explorer 8
我最近开始了一份新工作,我的领导病了.他在我们的代码中为我分配了一个只影响Internet Explorer 6的错误.我运行的开发人员框是带有Internet Explorer 7的Windows Server 2003.
如何在Internet Explorer 6中打开网页并从我的计算机进行调试？
是否有由jQuery团队正式开发的IE6/PNG修复程序？
如果不是我应该使用哪个可用的插件？
我刚刚为我的网站完成了切片和编码非常好的无表格css模板,我一直在测试IE7和Chrome.
然后我就有了用IE6测试这个模板的绝妙主意,我在虚拟PC上安装了Windows XP,然后在IE6上打开了我的网站.
看起来非常糟糕!
我的页面格式看起来像垃圾,没有像IE7和Chrome中那样正确显示.我知道IE6不支持某些东西,但我认为我的页面不像它那样渲染.
所以我想知道是否有一个地方我可以看到IE6不支持的内容,所以我可以修复我的CSS,甚至只为IE6创建一个新的.
任何信息都会非常有用!
谢谢!
我们怎样才能分散客户对IE6的注意力.我们知道IE6不是一个很好的符合标准的浏览器; 有很多问题.如何满足客户,使他们不使用IE6？
谢谢...
:hover对于非链接的元素,CSS 在IE6中不起作用.有解决方法吗？例如,我怎么应用:hover到div？
我有以下标记,我试图让第二个表的右侧与其上方标题的右侧对齐.这适用于IE8,Firefox和Chrome,但在IE6/7中,表格被错误地拉伸以填充页面的宽度.
我使用的行程开关的hasLayout触发适用inline-block于IE6/7.
有谁知道如何(或者甚至)我只能填充inline-blockIE6/7中显示的包装元素的自然宽度？
您可以在http://jsbin.com/uyuva上看到现场运行的代码.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<style>
.wrapper {
display: inline-block;
border: 1px solid green;
}
/*
display: inline-block triggers the wrapper element to have layout for IE 6/7.
The trip switch then provides the inline component of the display behaviour.
See http://www.brunildo.org/test/InlineBlockLayout.html for more details.
*/
.wrapper {
*display: inline;
}
table {
border: 1px solid red;
}
</style>
</head>
<body>
<h1>No …css internet-explorer internet-explorer-7 internet-explorer-6