Имитация клика
Есть iframe кнопка оплаты яндекс денег
<iframe src="https://money.yandex.ru/quickpay/button-widget?targets=%D0%9E%D0%BF%D0%BB%D0%B0%D1%82%D0%B0&default-sum=2000&button-text=11&any-card-payment-type=on&button-size=l&button-color=orange&successURL=&quickpay=small&account=410012872088605&" width="227" height="48" frameborder="0" allowtransparency="true" scrolling="no"></iframe>Хотелось бы обернуть её в свой стиль, натянув по верх iframe вот такой спан <span class="button">Оплатить</span>Помогите пожалуйста с реализацией клика по iframe, при клике по спану. |
По самому фрейму кликнуть можно, по его контенту кликнуть не получится.
|
<style>
.wrapper {
display: inline-block;
position: relative;
}
.wrapper iframe {
border: none;
height: 100%;
opacity: 0;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.button {
background: green;
color: #FFF;
display: inline-block;
padding: 10px 20px;
}
</style>
<div class="wrapper">
<iframe src="https://money.yandex.ru/quickpay/button-widget?targets=%D0%9E%D0%BF%D0%BB%D0%B0%D1%82%D0%B0&default-sum=2000&button-text=11&any-card-payment-type=on&button-size=l&button-color=orange&successURL=&quickpay=small&account=410012872088605&" scrolling="no"></iframe>
<span class="button">Перевести</span>
</div>
|
| Часовой пояс GMT +3, время: 01:23. |