Problema con IFRAME - Se ven los tips x debajo de este

Hola,
necesito que me ayuden a solucionar este problema. Tengo un Iframe en una web, donde llamo a diferentes contenidos. El problema esta en que el contenido lleva tips en forma de cuadros de dialogo, y si se sale del iframe, la misma web tapa su contenido.




Probé con z-index en el iframe, pero no hay caso.

Gracias!

Lindo problema… se me ocurre que podrías hacer más grande el Iframe cosa que los cuadros emergentes queden siempre dentro del mismo. De otra forma se cortaran irremediablemente como te está ocurriendo. Una vez que tenes tu iframe mas grandes le asignas un position:absolute; y el z-index que necesites para posicionarlo en una capa superior al resto de elementos de tu pagina. Habria que colocarlo de manera tal que si resulta necesario el excedente quede por encima parte del contenido de tu pagina para que lo que realmente quieres mostrar quede en su sitio. Tene en cuenta también que la pagina que se carge en el iframe deberá tener fondo trasparente para no tapar los elementos que estén por debajo. Y que dichos elementos quedaran enmascarados por lo cual no podrás hacer click en ellos (si hubiese un link por ejemplo ese link no lo podras clickear ).

Otra opocion mas recomendable si podes hacerlo seria cargar el contenido que necesitas por ajax.

Saludos!

Hola, estuve probando miles de alternativas. Con AJAX, sucede que entran en conflicto los css y los js. Al menos que sepas y me recomiendes un código sencillo para no entrar en esos problemas.

Gracias

nachon escribió:

Hola, estuve probando miles de alternativas. Con AJAX, sucede que entran en conflicto los css y los js. Al menos que sepas y me recomiendes un código sencillo para no entrar en esos problemas.

Gracias

Si usas ayax ese es un problema con el que vas a tener que lidear. Por ajax cargas solo el HTML. Por otro lado el CSS y Js que contenía la pagina que cargabas en el iframe lo vas a tener que integrar al que ya tiene tu pagina evitando los conflictos.

nachon escribió:

¿ Conoces algun tutorial o manual, donde especifique como trabajar con ajax y su compatibilidad con css y js ?, te agradecería, ya que muchas veces dejo de utilizar ajax por este motivo.

Creo que lo mejor que podes hacer es aprender jquery que es un framework de Javascript que te simplifica bastante la vida y la documentación que tiene por lo menos a mi me resulta muy buena.

http://api.jquery.com/category/ajax/

nachon escribió:

si conozco jquery, pero tambien me da conflictos. Bueno, gracias de todas maneras, voy a seguir intentando.

un saludo