不规则的button怎么让鼠标信息传到下面去?

Question

美工设计了一组梯形按钮,实际摆上去视觉效果不错,可点击透明部分依然是这按钮在响应事件.我需要下面的元素获得鼠标怎么整?

目前css就这样写的:

    position:absolute;
    left:50px;        
    top:0px;
        ...
    height:54px;
    width:298px;       
    background:url(indexpng/fixedbutton.png) no-repeat;
    background-color: transparent;
     ...
     
     png图片能看见的部分是个梯形

Answer 1

给按钮设置css属性

pointer-events: none;

Answer 2

我查了下,好像连ie10都不支持.能css2支持就好啦

Answer 3

1、不使用按钮，使用热区

2、使用 CSS3 将按钮设置为梯形