IE7下position:relative的问题

2016-02-20 00:09 46 1 收藏

清醒时做事，糊涂时读书，大怒时睡觉，无聊时关注图老师为大家准备的精彩内容。下面为大家推荐IE7下position:relative的问题，无聊中的都看过来。

【 tulaoshi.com - Web开发】

老家的电脑是IE7浏览器，回来一瞅自己的博客，顶部，图形导航链接全部失效。

回想在网上看过的一篇文档，大意就是，如果在IE7中使用position:relative属性，需要在该元素的容器上，同时给予position:relative属性。

我给了。大按钮上的链接都恢复了。但是css"js"seo3个小按钮上没有链接。很诡异
又给了z-index属性，这下firefox彻底复原，但是IE7依旧。

删了z-index，将3个浏览器的毛病都统一，然后，在群里喊了一嗓子。
爱得建议将容器的定位属性更改为position:absolute。
更换后重算了top的数值，IE6/7、FF测试成功。

来源:http://www.tulaoshi.com/n/20160220/1631372.html

看过《IE7下position:relative的问题》的人还看了以下文章更多>>

让IE8兼容IE7

标签： Web开发

meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" / 记录一下备用。

Jquery在IE7下无法使用 $.ajax解决方法

标签： Web开发

通过查看源码发现代码如下: // Create the request object; Microsoft failed to properly // implement the XMLHttpRequest in IE7, so we use the ActiveXObject when it is available // This function can be overriden by calling jQuery.ajaxSetup xhr:function(){ return window.ActiveXObject ？ new ActiveXObject("Microsof...

网页制作教程:在IE7中的网页文本重影问题

标签： Web开发

在做项目开发时遇到了一个怪异现象整段内容被重影的问题，一般来说这类问题在IE6中表现的比较多，但这次出人意料的是IE7也殃及在内。在早前互联网上就有分享过使用HTML注释会引起类似的文字倒影问题，但此时的页面却是没有任何注释～，持续地测试分析问题变得越来越有趣了测试结果为当不适当地使用float:left/right; width:100%; displa...

CSS兼容IE6,IE7,FF的技巧

标签： Web开发

一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) style #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } /style 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支...

IE7中网页动态创建iframe时边框问题

标签： Web开发

在网页中放iframe，如果frameborder=0；就没有边框显示了；但动态创建时，在IE7中就不行了，从网上找到解决的办法，写出来记录给自已！以下是代码，但在IE中有边框；程序代码 var iframe = document.createElement('iframe'); iframe.setAttribute('frameborder', '0'); 解决后的代码为：程序代码 &nb...

查看更多精彩>>