`

ie6下导航存在的问题和-2013-12-20

 
阅读更多
最近在做事的时候发现一个有趣的问题,在上网也找过但是都没有很好的回答在这个说说,就是在一个纯静态的页面中基本都是div和img还有a标签组成的页面下当有一个右侧导航的时候在ie6下会找不到锚点的位置,这种情况一般出现在将锚点定位在img上面发生的情况

<div class="">
<a href="#"><img src="xxx"></a>
<a href="#"><img src="xxx" id="锚点"/></a>
<a href="#"><img src="xxx"/></a>
</div>
<div class="">
<img src="xxx" 导航>
</div>


要是整个页面都是这样的情况下会出现在ie6下导航到不到应该到的位置上去,基本就是不会动这个时候不论怎么调节都没办法让导航在ie6下准确的定位,但是在其他高版本的游览旗下都可以实现很好定位,那么这要怎么做呢,你只要定位到二号图片上

<div class="">
<a href="#"><img src="xxx"></a>
<div id="锚点"><a href="#"><img src="xxx"/></a></div>
<a href="#"><img src="xxx"/></a>
</div>
<div class="">
<img src="xxx" 导航>
</div>


需要做的就是在要定锚点的图片上加一个div将锚点的id定到div上就可以完成定位效果。
分享到:
评论

相关推荐

    解决ie6下hover不是别问题,多用于导航菜单

    为了解决这个问题,有几种常见的方法可以实现IE6下的`:hover`兼容性: 1. **使用条件注释和专门的IE6 CSS文件**: IE6支持特定的条件注释,允许我们为IE6提供单独的CSS样式表。例如,在HTML头部添加`&lt;!--[if lt IE...

    bootstrap-ie6补丁

    使用“bootstrap-ie6补丁”时,开发者需要注意,虽然补丁尽可能地提高了Bootstrap在IE6下的可用性,但仍然可能存在一些视觉或功能上的差异。而且,随着现代浏览器的普及和IE6用户逐渐减少,是否需要继续支持这种过时...

    纯css二级导航 兼容ie6

    6. **CSS Hack**:由于IE6对CSS的解析存在一些差异,可能需要使用特定的CSS hack来修正样式,例如`_property`前缀只在IE6下生效。 7. **渐进增强**:为了保证在所有浏览器中的兼容性,可以采用渐进增强的策略,即为...

    支持FF、IE6下很实用的三级下拉菜单

    这个文件将展示如何通过组合HTML元素、CSS选择器和JavaScript事件来创建一个在FF和IE6下都能正常工作的三级下拉菜单。可能的HTML结构会包括`&lt;ul&gt;`、`&lt;li&gt;`和`&lt;a&gt;`元素,它们之间通过嵌套关系表示层级关系。 在CSS中...

    ie和ff兼容性大集合

    综上所述,解决 IE 和 FF 之间的兼容性问题通常涉及理解两者间的差异,并采取适当的措施来保证网站在各种浏览器下的良好展示效果。这些解决方案不仅限于上述几个方面,在实际开发过程中还可能遇到更多复杂的情况。...

    纯div+css下拉菜单支持ie6,ie7、火狐

    在多级导航中,除了二级栏目外,还可能存在三级或更多级的子菜单,这些子菜单的展开和关闭同样通过CSS来控制。 在实现div+css下拉菜单时,关键知识点包括: 1. **CSS盒模型**:理解CSS的边距、填充、边框以及内容...

    [资源分享]解决Win10下IE浏览器树形控件treeview无法显示的问题

    总之,解决Win10下IE浏览器树形控件无法显示的问题需要综合考虑浏览器兼容性、ActiveX设置、JavaScript和CSS代码、以及可能的资源路径问题。通过逐步排查和测试,通常可以找到问题的根源并予以修复。同时,随着现代...

    解决触摸设备 win7系统IE浏览器 缩放问题

    ### 解决触摸设备Win7系统IE浏览器缩放问题 在使用触摸设备时,尤其是在运行Windows 7系统的设备上浏览网页时,用户可能会遇到一个常见的问题:IE浏览器的缩放功能出现异常,导致页面显示不正常或者操作不便。本文...

    网页制作中IE6个不兼容属性

    在网页设计过程中,经常会遇到不同浏览器对CSS的支持程度存在差异的问题,特别是对于较为老旧的浏览器如IE6。其中,`outline`属性就是一个典型的例子。在大多数现代浏览器中,`outline`用于为元素绘制一个轮廓线,它...

    DIV在IE6中被下拉菜单占据的问题

    }`,这种写法只会在IE6下生效。 在提供的压缩包文件“解决下拉菜单在IE6中的bug”中,可能包含了具体的代码示例或修复策略,例如JavaScript脚本或CSS样式。通过查看这些文件,你可以得到更具体的解决步骤。在实际...

    彻底阻止IE浏览器跳转Edge

    在Windows 10和Windows 11操作系统中,微软为了推广其新的默认浏览器Microsoft Edge,有时会在用户使用Internet Explorer(IE)浏览器时自动触发跳转。这种情况可能会对那些依赖IE浏览器进行特定工作或习惯使用IE的...

    兼容IE6固定网页底部、顶部层

    标题“兼容IE6固定网页底部、顶部层”指出,这个问题着重于解决老旧的Internet Explorer 6(IE6)浏览器中的布局兼容性问题,同时也要考虑其他主流浏览器如Firefox、IE7、IE8、IE9以及谷歌浏览器的兼容性。...

    各大网站时尚网站选用的时尚导航兼容FF IE 678

    标题中的“各大网站时尚网站选用的时尚导航兼容FF IE 678”指的是网页设计中一个重要的主题,即创建的导航菜单需要在多种浏览器中保持一致性和兼容性,特别是Firefox(FF)和早期版本的Internet Explorer(IE 6、7、...

    支付宝生活助手导航代码兼容FF IE6789 等主流浏览器

    支付宝生活助手导航代码是专为实现跨浏览器兼容性设计的一款前端解决方案,主要目标是确保在Firefox(FF)、Internet Explorer(IE)的6、7、8、9等版本中都能正常运行。这一技术难点在于不同浏览器对HTML、CSS和...

    推拉门式菜单-兼容ie,ff

    此外,还需要考虑在不同浏览器下的前缀问题,如`-webkit-`、`-moz-`等,以确保在Firefox和IE中都能正确渲染。 3. JavaScript实现:这部分主要处理用户的交互逻辑。当用户点击菜单项时,JavaScript会监听这个事件,...

    matlab开发-IERS4m

    【标题】"matlab开发-IERS4m"指的是在MATLAB环境下进行的一种特定的软件开发工作,主要聚焦于国际地球参考系统(International Earth Rotation and Reference Systems Service, 简称IERS)的4米级变换算法。...

    windows7IE8图标

    在Windows 7操作系统中,IE8(Internet Explorer 8)是...通过以上步骤,大部分情况下,Windows 7中的IE8图标问题都能够得到解决。如果问题依然存在,可能需要进一步排查系统其他方面的问题,或者寻求专业的技术支持。

    个性化网址导航ICO小图标版.rar

    原创精致美观的"个性化导航"网站源码-小图标版A2-2015.11.12,可换肤带4大系列20套背景,国内主流名站全部带有精致ICO小图标。网址导航系统简介:1、模板采用html css架构,兼容世界之窗/360安全/360极速/FF/...

    IE6中select标签的option不能disabled的解决方案

    6. **兼容性检查**:在某些情况下,脚本可能会同时检查`document.all`对象是否存在,这是IE6和其他老版本IE浏览器的一个特征,用来进一步确认是否需要执行模拟代码。 通过使用`select-option-disabled-emulation.js...

    修改IE标题栏的方法

    **步骤4:** 在弹出的窗口中,选择“启用”,然后在下方的“显示名称”框中输入你想要的标题栏文字,如:“个性化的IE”,最后点击“应用”和“确定”。 **步骤5:** 关闭组策略编辑器,重新启动IE浏览器,此时你会...

Global site tag (gtag.js) - Google Analytics