如何将图像div容器放在另一个div上，但保持可点击？ [英] How to put image div container over another div, yet keep it clickable?

问题描述

我想把我的形象放在手风琴div容器上并保持可点击的状态，因此我的图像仅在视觉上覆盖它。如何才能做到这一点？

我需要的页面）

  img {
 pointer-events：none; 
} 
  

DEMO

不支持IE10或以下版本。还有一些Javascript解决方案，包括使用Jquery的这一个，可在IE中使用。

I want to put my image over accordion div container and keep it clickable, so my image override it only visually. How I can do that?

My page that I need to edit is there. That's what I want to make my page look like:

THANKS IN ADVANCE!

解决方案

Actually, this is possible in most browsers with CSS (Chrome, Firefox, Safari, IOS, Android. A full list available HERE)

img {
    pointer-events: none;
}

DEMO

Not supported in IE10 or below.

There are also number of Javascript solutions including THIS ONE using Jquery that are usable in IE.

这篇关于如何将图像div容器放在另一个div上，但保持可点击？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！