Articles of css sprites

Utiliser des sprites avec une balise IMG?

Je comprends comment utiliser les sprites, cependant, un atsortingbut “src” n’est-il pas nécessaire pour les tags IMG? Je pourrais toujours utiliser un tag SPAN ou autre et définir le background / width / etc mais ce ne sera pas sémantiquement correct. En gros, je voudrais omettre le code SRC pour une balise IMG et utiliser […]

Image d’arrière-plan de clip / recadrage avec CSS

J’ai ce HTML: lorem ipsum avec ce CSS: #graphic { background-image: url(image.jpg); width: 200px; height: 100px;} L’image de fond que j’applique est 200×100 px, mais je veux seulement afficher une partie recadrée de l’image d’arrière-plan de 200×50 px. background-clip ne semble pas être la bonne propriété CSS pour cela. Que puis-je utiliser à la place? […]

Plus petite image URI de données possible pour une image transparente

J’utilise une image 1×1 transparente avec une image d’arrière-plan pour pouvoir utiliser des images-objects tout en fournissant du texte alternatif pour certaines icons. Je veux utiliser un URI de données pour l’image afin de réduire le nombre de requêtes HTTP, mais quelle serait la plus petite chaîne possible pour produire une image transparente ? Je […]

Comment puis-je mettre à l’échelle une image dans un sprite CSS

Dans cet article, http://css-sortingcks.com/css-sprites/ , il est question de savoir comment supprimer une image plus petite d’une image plus grande. Pouvez-vous s’il vous plaît me dire si c’est possible / comment je peux rogner une image plus petite et ensuite redimensionner la région coupée avant que je ne la pose? Voici un exemple tiré de […]

Puis-je append de la couleur aux icons de bootstrap uniquement avec CSS?

Le bootstrap de Twitter utilise les icons de Glyphicons . Ils sont ” available in dark gray and white ” par défaut: Est-il possible d’utiliser des trucs CSS pour changer les couleurs des icons? J’espérais un autre shiny css3 qui empêcherait d’avoir une image d’icône définie pour chaque couleur. Je sais que vous pouvez changer […]