Éléments de position absolue dans iframe?

Je veux positionner un élément iframe en absolu par rapport au document. J'utilise ceÉléments de position absolue dans iframe?

.myClass 
{ 
    position: absolute; 
    top: 0; 
    left: 0; 
}

mais ne placez pas l'élément en haut à gauche du document, il est placé en haut à gauche de l'iframe. Comment apsolute le positionner sur le document? jquery/javascript solutions sont acceptables

Source

2012-03-06 Uzair Farooq

Vous ne pouvez pas positionner l'élément enfant de iframe en dehors de l'iframe. –

Un élément dans un iFrame ne peut pas être positionné par rapport à un élément dans le document parent. Les iFrames et leurs fenêtres parent ne partagent pas de ressources telles que CSS (et donc ne partagent pas les règles CSS). Il n'y a pas de moyen CSS pur pour accomplir cela. – benastan

Si vous avez trouvé la solution pour cela à partir des réponses ci-dessous, acceptez et augmentez les réponses. Si vous avez votre propre réponse, posez-la et acceptez-la. Cela aidera les autres utilisateurs qui cherchent des réponses pour le même type de questions. –

Fondamentalement, dans un iframe vous chargez un site Web ou une page Web différent.

Les scripts, éléments et CSS doivent être contrôlés à partir de dans cette page.

Source

2012-03-06 05:39:35 Starx

Cependant, iframe peut accéder au parent. – Starx

JavaScript s'exécutant dans l'iframe peut accéder au cadre parent (soumis à des autorisations d'origine croisée). En ce qui concerne CSS, il est complètement indépendant. – Quentin

var iframe = top.frames[name].document; 
var css = '' + 
      '<style type="text/css">' + 
      'body{margin:0;padding:0;postiton:absolute}' + 
      '</style>'; 
iframe.open(); 
iframe.write(css); 
iframe.close();

Vous devez le faire en HTML et non dans le fichier css. Mais le style interne de l'objet dans l'iframe doit être géré dans le css du site/serveur à partir duquel la page se charge

Source

2012-03-06 07:10:21

pouvez-vous expliquer cela un peu plus s'il vous plaît? 'var iframe = top.frames [nom] .document; ' –

vous devez accéder à votre iframe en html. Vous devriez donc y accéder par nom ou identifiant. C'est ce que top.frame [nom] .document fait. –

Éléments de position absolue dans iframe?

Répondre

Questions connexes