HTML表單元素覆蓋樣式元素問題及其補救之道

在設計HTML頁面的過程中經常會遇到表單元素覆蓋樣式元素引起的問題，圖一就是一個典型的例子。不要小看這個貌似“低級”的問題，即使一些規模較大的網站上類似的問題也絕不鮮見。本文探討了造成這一問題的根本原因，并提出一種補救辦法——之所以說補救辦法而不是一勞永逸的解決辦法，是因為微軟和NetScape這兩個巨頭也還沒有對策。

一、HTML元素的顯示優先級

　　HTML中常用的表單元素包括：文本區域（TEXTAREA），列表框（SELECT），文本輸入框（INPUT type=text），密碼輸入框（INPUT type=password），單選輸入框（INPUT type=radio），復選輸入框（INPUT type=checkbox），等等。常見的非表單元素包括：鏈接標記（A），DIV標記，SPAN標記，TABLE標記，等等。表單元素覆蓋樣式元素的根本原因在于HTML元素默認的顯示優先級規則，例如：幀元素總是比其他HTML元素優先，因此也總是顯示在最前面；表單元素總是比所有非表單元素優先。

　　所有這些HTML元素又可以根據其顯示要求分成兩類，即有窗口的HTML元素（Windowed Element），無窗口的HTML元素（Windowless Element）。有窗口的元素包括：SELECT元素，OBJECT元素，插件，IE 5.01以及更早版本中的IFRAME元素。無窗口的元素包括：大多數的普通HTML元素，如鏈接和TABLE標記，除了SELECT元素之外的大多數表單元素，NS6+/IE 5.5以及更高版本中的IFRAME元素。本文討論的問題主要與有窗口的HTML元素有關，問題的癥結其實就在于操作系統默認總是把有窗口的元素顯示在無窗口的元素前面。

　　二、瀏覽器類型與顯示優先級

　　按照瀏覽器類型比較，HTML元素的顯示次序也有所不同，總結如下：

　　⑴ Netscape/Mozilla

　　在NS瀏覽器6.0以前的版本中，表單元素總是比其他HTML元素有更高的優先級。但在NS 6+瀏覽器中，IFRAME元素和所有表單元素的顯示次序或者由CSS的z-index屬性值確定，或者由它們在HTML頁面中出現的次序確定，但SELECT元素除外。

本文題目：HTML表單元素覆蓋樣式元素問題及其補救之道
當前網址：http://m.kartarina.com/news/171484.html

成都網站建設公司_創新互聯，為您提供云服務器、品牌網站制作、ChatGPT、網站策劃、網站設計、全網營銷推廣

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯