Plusieurs situations et solutions lorsque div est bloqué par iframe

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 :

http://caibaojian.com">>

Le premier type : le fond transparent est recouvert

Quand p utilise un fond transparent, qu'il utilise (format opacité ou rgba), sauf chrome , autres navigateurs

Solution :

p Utilisez un arrière-plan opaque ou utilisez une image d'arrière-plan transparente Deux types : z-index n'est pas valide dans ie8

En d'autres termes, l'introduction de la lecture vidéo dans iframe entraînera l'invalidité de l'index z de p, c'est-à-dire que quel que soit le réglage de l'index z de p, , sont couverts par la source iframe Solution : Ajoutez un paramètre wmode=opaque à l'adresse iframe. Si l'adresse est : http://caibaojian.com, remplacez-la par : http. .

Flash est derrière d'autres éléments

De plus, j'ai vu que Flash avait également le problème de l'échec de l'index z. J'ai également ajouté celui ci-dessus au paramètre Flash

le code est le suivant :

ou

le code est le suivant :

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

Quelques paramètres de l'iframe en annexe

borderLe code est le suivant :

Définir Déterminer la largeur du bord autour du cadre d'image et de texte

frameboder

Le code est le suivant :

Définir la largeur et la hauteur de la bordure

défilement

Le code est le suivant :

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

src

Le code est le suivant :