Résoudre diverses situations où les divs sont bloqués par les iframes

Cet article vous présente quelques situations où p est bloqué par iframe, ainsi que les solutions après avoir été bloqué. Les amis dans le besoin peuvent s'y référer.

Structure similaire :

Le code est le suivant :

<p></p><ifram src="<a href="http://caibaojian.com"></iframe">http://caibaojian.com"></iframe</a>

Type 1 : Le fond transparent est recouvert

Lorsque p utilise un fond transparent, peu importe celui-ci (opacité ou format rgba), à l'exception de Chrome, les autres navigateurs auront p couvert par iframe.

Solution :

p Utilisez un fond opaque ou utilisez une image de fond transparente.

Deuxième type : échec du z-index dans ie8

Dans ie, introduire la vidéo dans iframeVidéolecture Cela permettra rend le z-index de p invalide, c'est-à-dire que quel que soit le réglage du z-index de p, il sera couvert par l'iframe. Source

Solution :

Ajoutez un paramètre wmode=opaque à l'adresse iframe. Si l'adresse est : http://caibaojian.com, remplacez-la par : http://caibaojian. com ? wmode=opaque.

Le flash est derrière d'autres éléments

De plus, j'ai vu que le flash a également le problème de l'échec du z-index. J'ajoute également le paramètre ci-dessus au flash

Le. le code est le suivant :

<param name="wmode" value="transparent">

ou

Le code est le suivant :

<EMBED src="<a href="https://cdn.css-tricks.com/FlashAnimation.swf">https://cdn.css-tricks.com/FlashAnimation.swf</a>" type="application/x-shockwave-flash" wMode="Transparent">

Quelques paramètres de l'iframe en annexe

bordure

Le code est le suivant :

<iframe border="3"></iframe>

Définissez la largeur du bord autour du cadre

frameboder

Le code est le suivant :

<iframe frameboder="0"></iframe>

Définir si la bordure est en 3 dimensions (0=non, 1=oui)

hauteur,largeur

Le code est le suivant :

<iframe height="31" width="88"></iframe>

Définissez la largeur et la hauteur du frontière

défilement

Le code est le suivant :

<iframe scrolling="no"></iframe>

S'il y a une barre de défilement (oui, non, auto)

src

Le code est le suivant :

<iframe src="girl.gif"></iframe>

Spécifiez le fichier ou l'image appelé par iframe (html, htm, gif, jpeg, jpg , png, txt, *.*)

Résumé
【 Recommandations associées】

1 Tutoriel vidéo gratuit HTML

2. Vous apprendre à insérer des liens en HTML

3 Vous apprendre à analyser le HTML sous nodejs

4. 🎜>Partagez un résumé très complet des points de connaissances HTML et CSS

Explication détaillée de la balise datalist HTML5 et de la correspondance dynamique avec les données d'arrière-plan.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!