IE 6的z-index和位置:固定; 问题

这里有一个问题,我试图解决现在的某个时候! 我看了看四周的解决方案,但无法找到之一。 到这里首先是我的HTML是如何构成的(只是骨骼框架) -

<body> <div class="header"> </div> <div id="content-wrapper"> <a href="/some.html"><div class="feedback_div"></div></a> </div> <div id="footer-wrapper"></div> </body>

现在我.feedback被定位固定,并给予top: 40%;right: 0;和z-index的太(ofcourse)。 而在所有的浏览器这项工作很好照常IE 6混乱起来。 因此,为了在复制IE 6的效果我得到这个解决方案 -

/* IE 6 only */ * .feedback_div { z-index: 9998; position: absolute; top: expression( (( t=document.documentElement.scrollTop) ? t: document.body.scrollTop) +'px'); right: -140px; } * #content-wrapper { position: relative; z-index: 9999; } * #footer-wrapper { z-index: 0; position: relative; } * html { overflow: auto; } * html body { height: 100%; /* required */ } /* END: IE 6 only */

现在的问题是 ,虽然在.feedback DIV跟着你当滚动,当它到达.footer DIV,反馈DIV去后面。 我试着玩弄的z索引,但毫无效果。

现在我知道,理想的解决办法是重新构造HTML使得.feedback DIV是孩子<body> 但我并不打算改变结构堂妹,这将意味着在后端乱搞。 我在寻找解决这个只为即...所以即使破解一些会做的,只要它的作品如预期。

因此,没有任何一个有这个解决方案? 任何帮助将不胜感激。

--------------解决方案-------------

有在代码中的一些错误:

  • 你有一个div内标签a标签,这是无效的。 浏览器将移动div外面元素a元素。
  • 你有class="feedback"div ,但您正在使用.feedback_div在CSS,所以风格不适用。

当使用z索引,它适用于elememts在同一水平上,所以你会它应用于反馈元素的父,因为这是在同一水平上的页脚之一。

如果我记错,为IE6需要设置zoom: 1的z-index的正常工作。

分类:HTML 时间:2012-01-01 人气:0
本文关键词: HTML,CSS
分享到:

相关文章

  • 桌面的Safari(苹果机和Windows)VS移动Safari浏览器(iPhone) - HTML,CSS,JS支持 2012-01-13

    为支持HTML,CSS和Javascript在桌面的Safari(苹果机和Windows)和移动Safari浏览器(iPhone)是否相同? 如果我做一些事情iPhone Safari和我的Windows 7 PC测试和调试上使用桌面版本的Safari,fininsh后,它看起来在两个一样的吗? 是否有支持HTML,CSS和JavaScript方面的Safari浏览器(桌​​面)和Safari(iphone)之间的区别? --------------解决方案------------- 它们都是基

  • 在哪个国家的webdevelopers(XHTML,CSS,Javascript和Framworks)有着很好的Schope? 2012-01-13

    在哪个国家的webdevelopers(XHTML,CSS,Javascript和Framworks)有着很好的Schope? --------------解决方案------------- 如果薪水在这里的问题的话,最好支付雇主通常是在西部和北部欧洲的金融部门. 虽然他们往往是不好的应力计...;) 但它的快乐很难进入金融领域没有任何经验.

  • 编辑通过管理面板网站模板(HTML,CSS,JS ..)是好是坏? 2012-01-16

    这个问题对于Web开发人员和架构师. 你怎么认为它有一个网站,你能编辑所有的模板的好或坏主意(HTML,CSS,JS,图片..)直接从管理面板? 如果您经常更新网站这种情况下,您无​​需搜索你的网站,你的开发机器的本地版本,搜索某个特定页面,进行修改,提交到源代码控制服务器,使部署..相反,所有你需要的仅仅是点击页面或本页面上的任何元素上右键,单击编辑,更新HTML的一部分,然后单击保存 - 长达30秒钟 - 所有从你的浏览器;) 你仍然可以有版本控制系统,这种方法和回滚这是错误地在网站上修改了

  • 匹配的网址,这并不包括ASP,apsx,CSS,htm.html,JPG 2012-01-22

    Q-1. 匹配的网址不包含ASP,apsx,CSS,htm.html,JPG, Q-2. 匹配的网址不与ASP,apsx,CSS,htm.html,JPG结束, --------------解决方案------------- 你想使用"匹配计数"功能,并使其匹配0. 例如. (匹配心不是ASPX或CSS中的所有字符,然后一个点,然后什么 ^.*\.((aspx) | (css)){0}.*$ 编辑,添加^(开始)和$(结束行字符) Q-1. 这是更好地做使用普通字符串搜索,但如果你坚持

  • HTML,CSS,JavaScript的 - 电子书(文本)读卡器 2012-02-02

    我是一个新手,所以要善待我:) 我有我想要呈现在html中一个大的文本,我希望文本"填满屏幕的房地产'取决于浏览器/设备 - 移动VS桌面 - 如果走极端话,我希望它树干剩余的文本,并在另一个HTML(即下页)呈现它. 我试图寻找分页和诸如此类的东西,我使用的HTML,CSS,JavaScript的..而且很新的这一切:) 我明白我的问题可能是模糊的,但即使是一个小的方向将帮助这么多! (只是为了让事情更清晰,我试图建立一个JavaScript的电子书阅读器,我可以在将来添加公共领域的书籍).

  • 什么是一些优秀的HTML 5,CSS 3和JavaScript的博客? 2012-02-02

    我下面Ajaxian的,但我不知道是否有关于HTML 5等真棒博客,CSS 3,JavaScript和这样的? --------------解决方案------------- CSS3.info是找出有关的最新动态,在CSS的世界很不错. 列表除了通常有关于Web开发(不包括专门HTML5,CSS3,JavaScript)的大文章. 从我的谷歌阅读器一些JavaScript的博客 http://www.davidflanagan.com/ http://dreaminginjavascript.

  • 移动开发仅使用HTML,CSS和JavaScript的 2012-02-26

    我想介绍一个类移动开发. 在过去,使用PhoneGap的一样东西长安装过程中阻止从完成任务很多,所以这次我希望让事情尽可能的简单. 我的首选语言的JavaScript,CSS和HTML. 我知道我可以创建使用这些语言网站的移动版本,但会通过Web浏览器. 是否有可能建立一个应用程序纯粹使用这些语言,并在手机上安装它,使用图标和一切? --------------解决方案------------- 你应该看看jQuery Mobile的. 这是一个HTML5 Javascript库,便于应用的创建

  • 不要CSS设计限制自己**前期**来布局,CSS可以处理? 2012-03-04

    经询问,这个问题如何到达CSS禅意?我现在明白了,我有问题,大多与定位. 我发现一些文章,告知CSS并不总是不够好为布局系统. http://echochamber.me/viewtopic.php?f=11&t=40154 http://www.flownet.com/ron/css-rant.html http://blog.workaround.org/2009/03/17/dont-abuse-css-for-page-layout/ 你的CSS设计师限价自己前期到设计,CSS可以处理?

  • 良好的所见即所得的网页编辑器(PHP,CSS,HTML,JavaScript)的为Ubuntu? 2012-03-22

    我在寻找的建议,以什么好的易于使用的web编辑器? 它需要编辑的PHP,JavaScript的HTML,CSS. 我在寻找的东西会加快我的发展目前我使用的是纳米. --------------解决方案------------- 我会去与Eclipse. 查阅Eclipse + PDT +集锦. 我现在的开发系统的工作原理是这样的: 4个显示器:1编码(蚀),1对Firefox,1 IE浏览器,一个用于日志. 1虚拟机是生产服务器的关闭重复. 使用AutoHotkey的 ,正如我保存的页面,它就会

  • 如何使用HTML,CSS和JavaScript添加一行亮点? 2012-03-28

    我想知道我怎么能使用HTML,CSS和JavaScript使行的亮点. 这里是我的代码: people.html <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> </head> <body> <div> <d

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 2.299 (s). 10 q(s)