Maison > interface Web > tutoriel CSS > le corps du texte

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

WBOY
Libérer: 2016-05-16 12:06:42
original
1358 Les gens l'ont consulté

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 :

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal