由於這次項目,想多說兩句廢話,身為程序員,做項目,首先要發自內心的去做,不能蒙混過關,用心為客戶服務,爭取敲出的每一行代碼都是自己願意並喜歡的;
其次要設身處地的為客戶考慮,我們的客戶只知道IE和chrome長得不一樣,他們永遠也搞不清同出一脈的IE居然還有不兼容的現象,因此就需要我們把這些問題提前告知對方,極大化對方的認識面,細化提供給我們的需求,防止開發后期無數次的修改帶來的新問題,為我們無形中增加了很多工作量。
身為程序員還要習慣於為客戶多做一點,客戶要求我們做一,那我們就要做到一點五,甚至二點五。比如客戶讓我們兼容IE8,那我們盡量給客戶兼容IE系列,在做這些的過程中,可能會浪費很多時間,但相信早晚有一天,我們從這些當中會收獲許多。要記住勿以善小而不為。
接下來步入正題,在Web開發中會經常遇到彈出頁面,彈出頁面一般分為兩種,一種是彈出一個新的窗口,如百度音樂播放器;另一種是彈出層,也就是彈出一個Div層,如下圖:
彈出一個新的窗口,只需要window的open方法就搞定了,彈出層就需要用js來控制它的一些CSS屬性,如果是IE6以上的瀏覽器(不包括IE6),是不需要多少行代碼的,但是在IE6中就有些麻煩,因為在IE6中Select控件和一些圖片元素會遮擋在彈出層的上面,無法達到預期的效果。
上網找了很多解決方案,找出了一種自認為比較容易操作的辦法,現和大家分享。Select在IE6下是處於最頂層的,因此想要遮住它,設置zIndex屬性是不行的,就需要一個優先級更高的元素,就是iframe,當把iframe嵌套在彈出div層中后,把iframe設置為不可見,但它使彈出的div能浮於select等一些元素之上,因此完美解決了此問題,如下是需要彈出的Div代碼,星號內代碼為添加的iframe:
另外再和大家分享一篇彈出頁面的好文章:http://www.cnblogs.com/cloudgamer/archive/2008/09/15/1290954.html