今天在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是一张透明像素图。

相关文章:

  • 2021-06-24
  • 2022-12-23
  • 2022-12-23
  • 2022-01-06
  • 2021-11-14
  • 2021-10-29
  • 2021-12-09
  • 2021-10-17
猜你喜欢
  • 2022-12-23
  • 2021-09-27
  • 2021-06-21
  • 2022-02-08
  • 2021-09-10
  • 2022-02-18
  • 2021-12-02
相关资源
相似解决方案