透明層覆蓋在另一層上,透明層在ie6下不能響應事件的解決

     ie6下,當使用一個透明層覆蓋在另一層上時,這個透明層就不能響應事件。(ie7和ie8下是否有該問題,就不知道了。)而firefox下是可以響應事件的。如何解決這一問題呢?Google上搜不到該問題的答案。

    不過幸好,ext-core-3.0-beta1發佈了,發現在他的examples裏有一個lightbox,裏面的例子就解決了這問題。他是使用<a>標籤作爲覆蓋層的。找到他的css文件找到對應的選擇符。在他的代碼發現有如下代碼。

#ux-lightbox-navPrev,
#ux-lightbox-navNext {
    width: 49%;
    height: 100%;
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
    display: block;
}

 

注意到註釋/* Trick IE into showing hover */。呵呵,不就是我需要的嗎。

經本人測試,將background-image: url(data:image/gif;base64,AAAA); 應用到你的覆蓋層上,的確就能解決該問題,不光<a>標籤可以,<div>標籤也可以,呵呵,其他就沒去測試。哈哈,看來我還真是比較幸運。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章