Salve a tutti, ho elaborato il seguente codice per far sì che quando si clicchi su un pulsante di registrazione nella pagina, lo sfondo diventi più scuro, e compaia al centro un iframe, mostrando in un rettangolino la pagina di un url esterno.
Ma il mio codice attuale fa sì che l'iframe risulti un rettangolo completamente bianco, e sinceramente non riesco a capacitarmi del perché.
Potreste dare uno sguardo al codice e dirmi dove eventualmente sbaglio?
Ho ridotto all'osso il codice, per rendere la cosa più rapida e semplice...
codice:
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8">
<script type="text/javascript">function blablabla() {
document.getElementById("tizio").style.display="bl ock";
document.getElementById("caio").style.display="inl ine";
}</script>
</head>
<body>
<img src="img/signup.jpg" onclick="blablabla()">
<iframe id="tizio" style="width: 600px; height: 500px; position: absolute; top: 50%; left: 50%; background-color: #FFFFFF; display: none; z-index: 100" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" src="http://google.it"></iframe>
<div id="caio" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: black; -moz-opacity: 0.75; opacity:.75; filter: alpha(opacity=75); z-index: 50"></div>
</body>
</html>