当前位置: 代码迷 >> Web前端 >> IE8上点击div的空白处,无法响应click事件
  详细解决方案

IE8上点击div的空白处,无法响应click事件

热度:402   发布时间:2012-11-26 11:48:49.0
IE8下点击div的空白处,无法响应click事件

给一个div绑定一个click事件,在一般浏览器下都没有问题,只有在IE8下点击的时候,只有点击文字的时候才会响应click事件,点击div空白的地方都不会响应。不知道这是为什么,上网查了下说是,IE的bug,部分点击bug。

?

div的html为:

<div>今天的天气很好!</div>
?

div的样式:

{
    border-radius: 5px 5px 5px 5px;
    cursor: text;
    font-size: 16px;
    height: 33px;
    line-height: 33px;
    padding-left: 5px;
    position: absolute;
    left: 0;
    top: 0;
    width: 99%;
}

?解决办法是给这个div添加一个背景颜色就可以解决了。

.topic_title {
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    cursor: text;
    font-size: 16px;
    height: 33px;
    line-height: 33px;
    padding-left: 5px;
    position: absolute;
    left: 0;
    top: 0;
    width: 99%;
}
?
  相关解决方案