Maison >interface Web >tutoriel CSS >Plusieurs navigateurs compatibles avec le code publicitaire flottant à couplet DIV/CSS pur sans échange js_Experience

Plusieurs navigateurs compatibles avec le code publicitaire flottant à couplet DIV/CSS pur sans échange js_Experience

WBOY
WBOYoriginal
2016-05-16 12:06:421386parcourir

Code publicitaire flottant à couplet DIV/CSS pur (pas de JS)
Flottant des deux côtés du réseau de code source. Après tests, il est compatible avec les navigateurs IE6, IE7 et Firefox.

Le code CSS est :

Copier le code Le code est le suivant :

.r1 {largeur:80px;hauteur:80px;arrière-plan:rouge;float:right;
position:fixed !important; top/**/:200px;    
     position : absolue ; indice z : 300 ; top:expression(offsetParent.scrollTop+200);right:20px;} 
.r2{width:80px;height:80px;background:red;float:right;    
     position : corrigé ! important ; haut/**/:300px; index:400 ; top:expression(offsetParent.scrollTop+300);right:20px;}
.l1{width:80px;height:80px;background:red;float:right
position:fixed !important; ; top/ **/:200px;    
     position : absolue ; indice z : 300 ; top:expression(offsetParent.scrollTop+200);left:20px;} 
.l2{width:80px;height:80px;background:red;float:right;    
     position : corrigé ! important ; haut/**/:300px; 
 position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);gauche:20px;}


Le code de la page est :

Copier le code Le code est le suivant :

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:N'utilisez pas ces tags_Échange d'expérienceArticle suivant:N'utilisez pas ces tags_Échange d'expérience

Articles Liés

Voir plus