日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

IE6,IE7,IE8 css bug搜集及瀏覽器兼容性問(wèn)題解決方法匯總( 三 )

云知道


如果是FF等瀏覽器的話可這樣寫 a{ouline:none;}
17:制作1px細(xì)線表格
解決方案1 ( 推薦)：我們只要給這個(gè)table一個(gè)border-collapse:collapse的樣式，就可以達(dá)到這個(gè)效果了 。
具體如下：
1、HTML結(jié)構(gòu):

復(fù)制代碼代碼如下:
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無(wú)效
在CSS中，通過(guò)z-index這個(gè)屬性改變層級(jí)，要讓z-index起作用有個(gè)前提，就是元素的position屬性要 是relative，absolute或是fixed 。z-index層級(jí)越高，內(nèi)容越應(yīng)該在上面顯示 。在大部分的瀏覽器在大部分的情況下，確實(shí)如此，但是不絕對(duì)，尤其遇到IE6 。
以下所有結(jié)果截圖的大背景如下：
1、頁(yè)面上固定不動(dòng)的，一成不變的，送豪宅也不會(huì)從良的是一個(gè)黑色背景，透明度 40%，幾乎滿屏顯示的層級(jí)為1的絕對(duì)定位層 。HTML為：
div/div
對(duì)應(yīng)CSS為：

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

作用是為了讓層級(jí)關(guān)系一目了然 。看：
這說(shuō)明內(nèi)容在z-index為1的絕對(duì)定位層之下 。
這說(shuō)明內(nèi)容在z-index為1的絕對(duì)定位層之上 。
2、頁(yè)面上做對(duì)比的是美女圖片，圖片在半透明黑色絕對(duì)定位層的上面還是下面很容易辨別，這樣，您就能夠?qū)ξ宜f(shuō)的z- index不起作用有很直觀的認(rèn)識(shí)了 。
2、IE6的抱怨：浮動(dòng)讓我沉淪
現(xiàn)在開始真正的講述 問(wèn)題的產(chǎn)生，原因以及解決了 。首先講講第一種z-index無(wú)論設(shè)置多高都不起作用情況 。這種情況發(fā)生的條件有三個(gè)：1、父標(biāo)簽 position屬性為relative；2、問(wèn)題標(biāo)簽無(wú)position屬性（不包括static）；3、問(wèn)題標(biāo)簽含有浮動(dòng)(float)屬性 。
您 可以拿下面的代碼自己做個(gè)簡(jiǎn)單測(cè)試：

復(fù)制代碼代碼如下:
div/div
div style="position:relative; z-index:9999;"
img style="float:left;" src="/images/defaultpic.gif" /
/div

丫的，這z-index都9999了，層級(jí)夠高吧，但是，看下面的圖：
這一對(duì)比就知道問(wèn)題了，可能有人會(huì)疑問(wèn)，這會(huì)不會(huì)是IE6的relative自己感冒了，而不是浮動(dòng)(float)攜帶 了甲流病毒 。好，我現(xiàn)在去掉浮動(dòng)，HTML代碼如下：

復(fù)制代碼代碼如下:
div/div
div style="position:relative; z-index:9999;"
img src="/images/defaultpic.gif" /
/div

結(jié)果IE6下：
我想，問(wèn)題應(yīng)該都清楚了，至于原因，我起初以為是haslayout搞的鬼，后來(lái)，用zoom一測(cè)試，發(fā)現(xiàn)不是（IE7 下無(wú)此bug也證明不是 haslayout的原因），似乎就是這個(gè)float會(huì)讓z-index失效 。由于將外部div的position:relative屬性改為 absolute可以解決這一問(wèn)題，我就懷疑是不是浮動(dòng)讓relative發(fā)生了些變化，float與relative在水平定位上可以說(shuō)是近親，會(huì)不會(huì) 是因?yàn)檫@兩者攪和在一起所以什么畸形體弱多病就出現(xiàn)了 。這僅是我的猜測(cè)而已，真正的原因還是去問(wèn)IE6的后媽吧 。
解決方法，解決方法有三，1、position:relative改 為position:absolute；2、去除浮動(dòng)；3、浮動(dòng) 元素添加position屬性（如relative，absolute等） 。
3、固執(zhí)的IE6：它只認(rèn)第一個(gè)爸爸
可能不少人知 道，這IE6下，層級(jí)的高低不僅要看自己，還要看自己的老爸這個(gè)后臺(tái)是否夠硬 。用術(shù)語(yǔ)具體描述為：
父標(biāo)簽position屬性為relative 或absolute時(shí)，子標(biāo)簽的absolute屬性是相對(duì)于父標(biāo)簽而言的 。而在IE6下，層級(jí)的表現(xiàn)有時(shí)候不是看子標(biāo)簽的z-index多高，而要看它 們的父標(biāo)簽的z-index誰(shuí)高誰(shuí)低 。

推薦閱讀