ie8絕對定位存在的坑

代碼結構：

<div class="buildSelect timeSelect" style="display: block;">
    <div class="sel_show" id="timeText"></div>
    <div class="text">
         <span>按默認時間</span>
         <i class="fa fa-angle-down"></i>
    </div>
</div>            

css樣式：

.sel_show{
     position:absolute;
     width:100%;
     height:24px;
     top:0;
     left:0;
     background:url(about:blank);
}                               

而後在ie8瀏覽器中點擊div#timeText時，老是不起做用，觸發的都是下面div.text的事件，解決方法：

一、給絕對定位的元素添加樣式：background:url(about:blank);

二、給絕對定位的元素隨便添加背景色或者背景圖片，而後將a標籤的透明度設置爲0，不過在IE中須要使用濾鏡，即 opacity:0;filter:alpha(opacity=0);

完過後能夠正常觸發絕對定位點擊事件，親測有用。

原文連接：http://www.csshello.com/jcdivcss/284.html