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的事件，解决方法：

1、给绝对定位的元素添加样式：background:url(about:blank);

2、给绝对定位的元素随便添加背景色或者背景图片，然后将a标签的透明度设置为0，不过在IE中需要使用滤镜，即 opacity:0;filter:alpha(opacity=0);

完事后可以正常触发绝对定位点击事件，亲测有用。

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