通过div单击底层外部播放器

Question

我希望能够按下我网站上的外部无线电层的按钮，同时注册该点击以指示用户正在收听无线电。 嵌入式播放器来自http://rad.io。

似乎得到克隆的是css中关于重叠div的以下内容：

pointer-events:none;
background-image:url(../img/transparent.png);

这确实让我可以点击但无法在覆盖的div上注册点击。

css：

#radio{
position: absolute;
top: -20px;
left: 100px;
height: 30px;
width: 300px;
}

#overlay{
position: absolute;
pointer-events:none;
top: 0px;
right: 30px;
width: 40px;
height: 30px;   
background-image:url(../img/transparent.png);
z-index:2;
opacity: 0.1;

}

html：

<div id="wrapper">
<div id="chooseradio"><input type="button" id="choose" value="Select        station" onclick= "selectradio();"/></div>
<div id="overlay"></div>
<div id="radio">'.$userlistening.'</div>
</div>
</body>
</html>

这一切都可能吗？

Answer 1

使用jquery

$('#overlay').click(function(e){
    $('#radio').click();
}

导入jquery，然后将其放入脚本标记或js文件中（如果有的话）。