`

a标签在IE6下的不一样--20131031

 
阅读更多
今天在做需求的时候遇到一个这样的问题
就是在img外面的a标签在ie6里面会出现移动的情况,从而把外围的容器给撑大来,但是样式的在ie6下的走形,以前是从来没有过的事情,开始的时候找了很久都没有发现后来在自己的摸索下发现

<div>
<a><img src="xxx" /></a>
</div>


在这个情况下以前都是可以正常显示的但是,不知道在哪样的情况下a标签的大小会变的更图片一样大从而让原本在外面的容器因为a标签的变大而扩大,在外面定义外容器的样式也没办法定义回来。

后来解决的办法就是只能把a标签给去掉然后用热点的方法来代替a标签的效果,但是一般热点是用于一张图片多个许点击或者链接效果时才好用的单个还是a标签比较好,虽然没有找到原因到是在明天的工作会抽出时间来好好的研究研究为什么会出现这个问题

今天的遗留问题是a标签在ie6下什么情况下会走样
分享到:
评论

相关推荐

    CSS完美兼容IE6_IE7_FF的通用方法

    - 对于a标签,可以通过设置`display: block`使其像块级元素一样工作。 - 注意在Firefox中,由于box模型的问题,使用`float`时需要额外处理`margin`。 ##### 4\. 列表样式和padding 在Firefox中,默认的`ul`标签会有...

    ie6/7/8的 css hack

    - **a标签样式**:为了使a标签内的内容像块级元素一样显示,可以设置`display: block;`。 - **BOX模型差异**:IE和Firefox对盒模型的理解不同,可能导致2px的偏差。可以使用`box-sizing`属性进行调整。 - **ul的...

    退弹代码,过不了IE8

    然而,它完全依赖于IE8及其以下版本中的特有功能,如 `attachEvent`、`object` 标签的使用以及某些DOM事件属性等,这使得该代码无法在现代浏览器中正常工作。 对于希望兼容多种浏览器的应用程序来说,需要采用更...

    jQuery完全实例.rar

    这个函数的作用如同$(document).ready()一样,只不过用这个函数时,需要把页面中所有需要在 DOM 加载完成时执行的$()操作符都包装到其中来。从技术上来说,这个函数是可链接的--但真正以这种方式链接的情况并不多...

    让IE支持HTML5中canvas标签:excanvas.js

    之后,我们就可以像在其他支持canvas的浏览器中一样使用`canvas.getContext('2d')`来获取2D渲染上下文,并进行绘图操作。 excanvas.js支持canvas的主要API,包括但不限于绘制路径、矩形、圆形、文本、渐变、阴影等...

    CSS之float在IE浏览器下换行问题解决方法

    但在IE浏览器,特别是早期版本中,可能会出现`a`标签换行到下一行的情况。 这个问题的原因在于IE浏览器对`float`属性的解析和渲染方式与其他浏览器略有不同。为了解决这个问题,我们可以尝试以下几种方法: 1. **...

    用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器

    在这个例子中,`&lt;center&gt;`标签用于居中整个表格,`&lt;a&gt;`标签则用于链接,提供了交互性。通过这种方式,即使在不支持表格特定CSS属性的老式浏览器中,也能创建出类似表格的布局。 总的来说,这种方法是利用CSS和HTML...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    --也就是说生成的input的type不能是"submit",而这个限制在有些情况下是不可原谅的。 --我们做了优化,现在要使一个Asp.net的按钮能够AJAX提交,你不需要做任何设置(PageManager的属性EnableAjax为true即可,这...

    详解A标签中href=""的几种用法

    "`:这是最常用的方法,但是这种方法在传递 this 等参数的时候很容易出问题,而且 javascript: 协议作为 a 的 href 属性的时候不仅会导致不必要的触发 window.onbeforeunload 事件,在 IE 里更会使 GIF 动画图片停止...

    chrome打开共享文件夹完美方案

    在IE8下通过a标签的href="本地路径"可以打开,但是chrome以及firefox不可以。 原因:在IE中输入file:///c:windows/地址之后,调用的资源管理器explorer.exe进行打开。chrome等浏览器由于安全机制,采用了文件索引...

    ExtAspNet_v2.3.2_dll

    -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,用来定时发起AJAX请求。 +2009-09-06 v2.1.0 -Button的Pressed属性值能够正确的反映客户端的变化。 -优化...

    跨浏览器开发经验总结

    - **`display: inline-block`**:使元素像块级元素一样显示,同时又保持与其他行内元素在同一行。 - **div中的文字自动换行问题**:可以使用`word-wrap`或`white-space`属性来控制文本的换行。 - **textarea...

    项目笔记项目笔项目笔记记

    但在 IE6 中使用此属性时,需要注意一些特殊的兼容性处理。 - **应用场景**: - 实现多个元素在同一行居中对齐。 - 在不使用额外包装元素的情况下,使元素具有相同的间距。 - 使得元素能够相互之间有空隙而不影响...

    vc++ 开发实例源码包

    3:可以在不下载ZIP.RAR.ISO文件的情况下查看文件里面的目录文件. 4:支持多语言. 5:操作综合其它软件. 6:自定义快捷键. 7:在IE工具栏上加按钮,可以直接拖动连接到按钮上下载. 8:注册采用激活方式. 9:采用Messenger的...

    2021-2022计算机二级等级考试试题及答案No.13521.docx

    选项D中的`a[5]="ABCDE"`是不正确的,因为字符串在内存中是以`\0`结尾的,所以正确的初始化方式是`a[6]="ABCDE"`,以确保有足够的空间存储字符串及其结束符。 - **a[5]={"ABCD"}**:这是初始化一个含有四个元素的...

    浅谈inline-block及解决空白间距

    需要注意的是,IE6 和 IE7 对 `display: inline-block` 的支持并不完全。虽然它们确实可以识别这个属性,但是表现不完美,特别是在处理空白间距问题上。为了使这些老版本的 IE 浏览器支持 `inline-block`,可以使用...

    Dreamweaver制作网页经典问题.pdf

    1. 输入空格:在Dreamweaver中,如果在半角状态下无法输入空格,可以切换到全角模式(例如在中文输入法下按Shift+Space)。此外,可以利用HTML代码“&nbsp;”在源代码中直接插入空格,或者通过设置文字颜色与背景色...

    2024前端开发必会面试题和多种实战技巧

    - 同样的代码,在“严格模式”中,可能会有不一样的运行结果。 - 一些在“正常模式”下可以运行的语句,在“严格模式”下将不能运行。 ##### 5. **JavaScript 的同源策略** - **定义**: - 同源策略限制了一个...

    CSS中将Span标签设置为固定宽度的方法

    在某些特定场景下,我们需要对`&lt;span&gt;`标签进行固定宽度的设定,以便控制文本或元素的显示效果。本篇文章将详细介绍如何在CSS中为`&lt;span&gt;`标签设置固定宽度,并探讨不同方法的适用场景及浏览器兼容性。 首先,`...

    DIV+CSS 浏览器兼容性小结

    不同的浏览器,如Internet Explorer(IE6、IE7)、Firefox(FF)等,对CSS样式的解析和渲染存在差异,这可能导致设计效果在不同浏览器间表现不一致。以下是一些关键的CSS兼容性策略和技巧: 1. **CSS优先级和`!...

Global site tag (gtag.js) - Google Analytics