Je mets ensemble un sprite et j'ai deux questions.
Quelque chose que je me suis toujours demandé si possible positionnant négativement une image de fond à droite ou en bas. Une position négative est le pain et le beurre de gauche à gauche d'un élément ou de haut, mais qu'en est-il de la droite et du bas?
Si j'ai une 500PX de 500PX de 500px, puis-je positionner le bord gauche d'une image d'arrière-plan pour apparaître 5px dans la droite en utilisant une valeur négative Rahter que 495px pour la pousser?
La deuxième question est de savoir si je peux utiliser une petite partie d'une image et la répéter sans le reste de l'image montrant.
Par exemple, je peux avoir un sprite qui est de 300px carré et rempli de toutes sortes de choses. Est-il possible de prendre une partie carrée de 50 px de cette image et de le répéter à l'arrière-plan d'un élément?
Je doute vivement soit possible mais je dois dormir le singe!
6 Réponses :
Le Position de l'arrière-plan code> a quelques valeurs différentes: left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
Pour votre première question, non, vous ne pouvez pas.
Pour votre deuxième question, non, vous ne pouvez pas.
Si vous utilisez des positions d'arrière-plan à base de pourcentage, vous pouvez. Donc, vous voudriez quelque chose comme:
Ils répondent déjà à ce que vous ne pouvez pas utiliser des valeurs négatives, mais vous pourriez peut-être essayer:
Donnez l'élément Position d'arrière-plan: bas droit
et l'image pour l'arrière-plan ne devrait avoir que la partie que vous souhaitez montrer.
pour "positionnement négativement une image de fond à droite ou en bas", vous pouvez utiliser des pourcentages de moins de 0%. E.G.:
effectiveLeft = (elementWidth - imageWidth) * percentageLeft; effectiveTop = (elementHeight - imageHeight) * percentageTop;
PHOSITION L'image recadrée en bas à droite si l'image a une taille similaire à l'élément. Vous avez peut-être besoin de plus de pourcentages négatifs s'ils ne sont pas de la même taille. P>
à "positionnant négativement une image d'arrière-plan sur gauche ou haut em>", vous pouvez utiliser des pourcentages supérieurs à 100 %. er.g ::
background-position: 105% 110%;
Pour négatif arrière-plan-répéter: non répétée;
CSS-tricks.com/positioning-offset-background-images - ici bons exemples pour la position de fond négatif du fond droit
arrière-plan-répéter: aucun; est invalide CSS. Je pense que vous voulez dire arrière-plan-répéter: non répétée; .
Ce serait très gentil, mais je doute beaucoup que ce soit possible
Était vraiment embrayging aux pailles. Certainement serait vraiment sympa!