Cześć,
Osadzam stronę na stronie przez iframe. Powiedzmy, że strona nazywa się x, a strona którą "w miniaturce" wrzucam w iframe, to strona y.
Na stronie Y jest pewien button. Chciałbym go "zastąpić"/"przykryć" moim buttonem. Ale w ten sposób, że normalnie się nie klika tego mojego, a ten, co jest na stronie. Rozegrałbym to inaczej, ale nie za bardzo mam możliwość edycji strony Y.
Do tej pory mam to zrobione tak:
#parent {
width: 200px;
height: 200px;
border:solid 1px #000;
}
iframe {
width:300%;
height:300%;
border:0px;
}
#parent > button {
opacity: 1;
position:relative;
float: right;
right:-265px;
bottom:125px;
transition: 0.5s;
background-color:#808080;
border-radius:28px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
padding:30px 36px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
width:333px
}
#parent > button {
opacity: 1;
}
</style>
</head>
<div id="parent">
<iframe src="STRONA Y scrolling="no"></iframe>
<button>Mój button</button>
</div>
Prosto mówiąc, chciałbym, żeby ten mój button był tylko "atrapą".