当我将鼠标悬停在PNG的透明部分上时,它仍然就像我在实际图像上方盘旋一样.有没有办法可以防止这种情况发生?因此,当我将鼠标悬停在图像的可见部分而不是透明部分时,它只会采取行动?
我试图裁掉透明度,但我找不到怎样的方法.
我想要创建的效果是透明边框效果.我使用两个div标签创建了盒子,一个用于内部,一个用于外部.`

我用于此的HTML是:
<div class="main_box_outer">
<div class="main_box_inner">
</div><!--/ inner-->
</div><!--/ outer-->`
Run Code Online (Sandbox Code Playgroud)
我用来创建它的CSS是:
.main_box_inner {
width: 30em;
height: 20em;
background: white;
border-radius: 1em; }
.main_box_outer {
display: inline-block;
background: black;
padding: 1em;
border-radius: 2em;
opacity:1; }
Run Code Online (Sandbox Code Playgroud)
但是,当我在CSS中更改外框(边框)的不透明度时,它还会更改内框的不透明度,因为内框div包含在外框div中.如何在不影响内盒不透明度的情况下更改外部不透明度?