解决backgroud:transparent在低版本浏览器中的bug

今天在html页面上定义了一个button和一个div，大小相同，button使用绝对定位，覆盖在div上面一层，同时样式设置背景透明（background:transparent）。

这样就可以在看到div层的同时，点击div区域其实是点击了button。 主流浏览器都可以正常运行。

但是ie8和360、世界之窗等一些小众浏览器的兼容模式下div会把button给挡住（可能因为我div中放的是flash的原因），导致无法点击到button。

设置z-index也没有用， 实验了多次后，终于找到解决方案：

将background：transparent改为 background：url(images\space.gif) repeat 0 0;

改正后各个浏览器都可以兼容了，亲测可行。

 

*. space.gif是一张透明像素图。