css image de fond position fixe ne fonctionnait pas comme prévu

Je suis un débutant dans le développement de l'interface utilisateur, a commencé à construire ma première application web récemment et a choisi html5-boilerplate framework. J'ai développé ma première page html et l'ai hébergé sous le domaine http://www.techtrek.guru.css image de fond position fixe ne fonctionnait pas comme prévu

Je suis frappé de quelques question:

Je veux l'image de héros à fixer et que vous voulez le texte pour faire défiler lors du défilement de la page. Actuellement, l'image du héros défile également lorsque je fais défiler la page Web.

J'ai ajouté la propriété position:fixed à la classe .hero mais cela ne fonctionne pas comme prévu. En outre, j'ai également essayé d'ajouter la propriété z-index à -10 qui ne fonctionne pas non plus.

Pourriez-vous s'il vous plaît m'aider à comprendre où je vais mal?

Source

2014-07-19 zilcuanu

Où est votre code? –

Vous souhaitez donc que l'image soit couverte par la section "Technologie d'apprentissage ..." lorsque vous faites défiler vers le bas? – rvighne

Je souhaite que la section "" Technologie d'apprentissage ... "défile vers le haut lorsque je fais défiler la page mais que l'image d'arrière-plan reste fixe – zilcuanu

Ajouter

background-attachment: fixed;

à la classe .hero. Reference for background-attachment.

Source

2014-07-19 18:00:17 rvighne

Merci pour que cela fonctionne mais partiellement parce que lorsque je redimensionne la largeur de l'écran, l'image est également redimensionnée jusqu'à un point, puis reste fixe – zilcuanu

@Pradeep: Cela devrait être demandé dans une question différente; après tout, l'image n'a pas été redimensionnée dans la version originale non plus et vous ne l'avez pas mentionné dans l'énoncé de la question – rvighne

Ok. Je vais poser une autre question à ce sujet, cela m'a aidé Merci – zilcuanu

css image de fond position fixe ne fonctionnait pas comme prévu

Répondre

Questions connexes