IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解决方法汇总( 三 ) _云知道

如果是FF等浏览器的话可这样写 a{ouline:none;}
17:制作1px细线表格
解决方案1 ( 推荐)：我们只要给这个table一个border-collapse:collapse的样式，就可以达到这个效果了。
具体如下：
1、HTML结构:

复制代码代码如下:
table width="300" border="1" cellpadding="0"cellspacing="0" bordercolor="#C0C0C0"
style="border-collapse:collapse;"
tr
td /td
td /td
/tr
tr
td /td
td /td
/tr
tr
td /td
td /td
/tr
/table

18：IE6 下z-index无效
在CSS中，通过z-index这个属性改变层级，要让z-index起作用有个前提，就是元素的position属性要是relative，absolute或是fixed 。z-index层级越高，内容越应该在上面显示。在大部分的浏览器在大部分的情况下，确实如此，但是不绝对，尤其遇到IE6 。
以下所有结果截图的大背景如下：
1、页面上固定不动的，一成不变的，送豪宅也不会从良的是一个黑色背景，透明度 40%，几乎满屏显示的层级为1的绝对定位层。HTML为：
div/div
对应CSS为：

复制代码代码如下:
#blank{width:100%; height:600px; background:black; opacity:0.4; filter:alpha(opacity=40); position:absolute; left:0; top:0; z-index:1;}

作用是为了让层级关系一目了然。看：
这说明内容在z-index为1的绝对定位层之下。
这说明内容在z-index为1的绝对定位层之上。
2、页面上做对比的是美女图片，图片在半透明黑色绝对定位层的上面还是下面很容易辨别，这样，您就能够对我所说的z- index不起作用有很直观的认识了。
2、IE6的抱怨：浮动让我沉沦
现在开始真正的讲述问题的产生，原因以及解决了。首先讲讲第一种z-index无论设置多高都不起作用情况。这种情况发生的条件有三个：1、父标签 position属性为relative；2、问题标签无position属性（不包括static）；3、问题标签含有浮动(float)属性。
您可以拿下面的代码自己做个简单测试：

复制代码代码如下:
div/div
div style="position:relative; z-index:9999;"
img style="float:left;" src="/images/defaultpic.gif" /
/div

丫的，这z-index都9999了，层级够高吧，但是，看下面的图：
这一对比就知道问题了，可能有人会疑问，这会不会是IE6的relative自己感冒了，而不是浮动(float)携带了甲流病毒。好，我现在去掉浮动，HTML代码如下：

复制代码代码如下:
div/div
div style="position:relative; z-index:9999;"
img src="/images/defaultpic.gif" /
/div

结果IE6下：
我想，问题应该都清楚了，至于原因，我起初以为是haslayout搞的鬼，后来，用zoom一测试，发现不是（IE7 下无此bug也证明不是 haslayout的原因），似乎就是这个float会让z-index失效。由于将外部div的position:relative属性改为 absolute可以解决这一问题，我就怀疑是不是浮动让relative发生了些变化，float与relative在水平定位上可以说是近亲，会不会是因为这两者搅和在一起所以什么畸形体弱多病就出现了。这仅是我的猜测而已，真正的原因还是去问IE6的后妈吧。
解决方法，解决方法有三，1、position:relative改为position:absolute；2、去除浮动；3、浮动元素添加position属性（如relative，absolute等）。
3、固执的IE6：它只认第一个爸爸
可能不少人知道，这IE6下，层级的高低不仅要看自己，还要看自己的老爸这个后台是否够硬。用术语具体描述为：
父标签position属性为relative 或absolute时，子标签的absolute属性是相对于父标签而言的。而在IE6下，层级的表现有时候不是看子标签的z-index多高，而要看它们的父标签的z-index谁高谁低。

IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解决方法汇总( 三 )

推荐阅读

兔不可复得兔不可复得的意思是什么

温州老城西南片

Win XP安装程序时出现系统错误解决

柯基犬牵引绳胸背使用方法

地砖油渍怎么去除方法，地砖油渍怎么去除方法图解

足球越位是什么意思足球越位的含义

翡翠买什么样式的好处，翡翠买哪种品质的好

一加5T手机怎么开通公交卡？

知乎闪退怎么回事

广州增城区宁西街九价HPV疫苗接种要核酸阴性证明吗？

小编教你bilibili头像佩戴挂件的详细方法介绍小编教你键盘失灵按什么键恢复

full steam什么意思 steam什么意思

云台山注册多少元，焦作云台山的门票多少

厨房水槽款式有哪些

怎样分辨真假红枸杞红枸杞有什么功效作用

水果货架怎么摆法,如何给水果保鲜