瀏覽器相容性學習之 IE z index bug

2022-03-09 11:50:52 字數 780 閱讀 4327

解決方法:

兩個元素的平等級別祖先元素z-index高的,顯示於上面。俗稱:後台硬佔據最高點。

祖先元素必須是同一級別的,比如比較兩個 span 誰蓋在上面,應該比較的不是 p 和 li 的 z-index,而應該是 li 與 li 這兩個平行級別的元素:

<

ul>

<

li>

<

p>

<

span

> 第乙個元素

span

>

p>

li>

<

li>

<

span

> 第乙個元素

span

>

li>

見例子程式:

<

div

idclass

="single"

>

<

div

id="t"

>

<

div

id="yellow"

>

<

p>#yellow p<

br />應該是在上面的

p>

div>

<

div

id="green"

>#green<

br />ie6/7顯示在上面,實際上應該在下面

div>

div>

div>

瀏覽器相容性

瀏覽器相容性是乙個很長久的話題,之所以前端需要面對瀏覽器相容性,是因為使用者的環境有不同的平台,不同的瀏覽器。不同的廠商之間為了相互競爭,對標準的實現不一樣。不同的瀏覽器有不同的核心。即使同乙個瀏覽器也有不同的版本,不同的版本對同一特性的支援情況也不盡相同。也可能某個瀏覽器的某個版本針對某個特性存在...

瀏覽器相容性

所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...

瀏覽器相容性

trident ie核心 gecko firefox 核心 webkit chrome,safari blink webkit 的分支 presto 是挪威產瀏覽器 opera 的 前任 核心,為何說是 前任 因為最新的 opera 瀏覽器早已將之拋棄從而投入到了谷歌大本營。移動端的瀏覽器核心主要說...