今天在html页面上定义了一个button和一个div,大小相同,button使用绝对定位,覆盖在div上面一层,同时样式设置背景透明(background:transparent)。
这样就可以在看到div层的同时,点击div区域其实是点击了button。 主流浏览器都可以正常运行。
但是ie8和360、世界之窗等一些小众浏览器的兼容模式下div会把button给挡住(可能因为我div中放的是flash的原因),导致无法点击到button。
设置z-index也没有用, 实验了多次后,终于找到解决方案:
将background:transparent改为 background:url(imagesspace.gif) repeat 0 0;
改正后各个浏览器都可以兼容了,亲测可行。
*. space.gif是一张透明像素图。