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