Vérifiez les coins arrondis des onglets principaux in this site Ce sont des images d'arrière-plan avec une largeur de 440px, et il s'ajuste toujours à l'élément contenant sans perdre les bords arrondis.Comment faire une image d'arrière-plan pour ajuster sa taille à l'élément contenant?
Répondre
On dirait que l'élément de liste et l'ancre ont tous deux la même image de fond, juste à des décalages différents.
L'image est définie comme arrière-plan pour chacun de ces éléments. L'ancre est définie pour afficher la partie la plus à gauche de l'image tandis que l'élément de liste est défini sur la partie la plus à droite avec un remplissage juste assez large pour que l'image soit visible. La technique est connue comme Portes coulissantes. Voici les liens recueillies auprès de l'otheranswers:
- Une liste Apart Sliding Doors Part 1
- Une liste Apart Sliding Doors Part 2
- A CSS2 tutorial
- A CSS3 tutorial
ils utilisent une technique appelée "portes coulissantes". Vous pouvez en lire davantage sur A List Apart:
Il y a plusieurs tutoriels sur des coins arrondis sur le net.
En utilisant CSS2, vous pouvez essayer ce qui suit: CSS2 Tutorial
Si vous souhaitez utiliser CSS3: CSS3 Tutorial
Une simple recherche Google pour les coins arrondis vous donnera de nombreux tutoriels utiles.
Cela peut être uniquement pertinent sur le plan périphérique, mais nous devons veiller à ne pas laisser au navigateur le soin de redimensionner les grandes images à une taille plus pratique. Pourquoi remplir une page avec de grandes images si elles ne seront réduites que par le navigateur?
- 1. CSS ajuster la taille de la table
- 2. Lors de l'impression d'une image, qu'est-ce qui détermine sa taille sur une page?
- 3. Script Shell pour ajuster la taille de l'image
- 4. Comment faire pour étendre Jpanel à la taille du JFrame?
- 5. Comment obtenir les contenant div à étirer verticalement pour recevoir une image flottante
- 6. Javascript: redimensionner l'image pour l'adapter à la fenêtre, puis basculer en taille réelle et ajuster la taille sur clic?
- 7. Comment redimensionner une image pour l'adapter à Image :: Magick?
- 8. Ajuster automatiquement la hauteur
- 9. Pourquoi y a-t-il un espace entre mon image et sa boîte contenant?
- 10. Ajuster la taille de la vue de MPMediaPickerController?
- 11. PHP: tirer une image et modifier sa sortie
- 12. Comment faire pivoter une image sur l'iPhone?
- 13. Comment redimensionner une image pour l'impression sans dégrader la qualité?
- 14. Comment créer un contrôle utilisateur dont la taille peut être supérieure à sa taille créée avec WPF
- 15. Comment adapter une grande image en mode image sans étirer l'image?
- 16. Comment puis-je faire une miniature <img> afficher une image en taille réelle lorsque vous cliquez dessus?
- 17. Comment faire une image d'arrière-plan CSS (sprite) à la zone cliquable?
- 18. Comment afficher une image dans une div fixe pour créer un panneau d'image défilable?
- 19. Comment faire pour mettre à jour un package contenant plusieurs applications
- 20. Comment faire des options pour la fenêtre popup .. taille e
- 21. CSS: Ajuster la hauteur d'un bloc à la taille du texte
- 22. Accéder à une image dans une image
- 23. Faire une image chargée draggable actionscript 3
- 24. Comment ajouter le logo MathWorks à une image dans MATLAB?
- 25. Comment faire pour ajuster >> et << comportement dans Emacs (Vim émulation, indent, dedent)?
- 26. Comment faire un zoom UIScrollView à la taille de UIImage?
- 27. Comment faire pour suivre la taille des messages WCF?
- 28. Quelle est la différence entre faire référence à un fichier image dans src d'une balise img et faire référence à une image incorporée directement dans une balise image?
- 29. Comment faire apparaître une fenêtre UIAlertView lorsqu'une image qui rebondit touche une image déplaçable?
- 30. Comment faire pour convertir Byte [] en image sql
merci nick, bonne prise :) –