1. Accueil
  2. Question et réponse
  3. comment écrire un css pour le fond

comment écrire un css pour le fond

2010-02-05 3 views

Répondre

3

utiliser simplement background-color sur votre élément en tant que tel:

<img style="background-color: #F00;" src="my_transparent_logo.png" />

Si vous ne voulez pas le faire en ligne, vous pouvez lui attribuer une carte d'identité (ou classe) comme par exemple:

<img id="logo" src="my_transparent_logo.png" />

et dans votre fichier CSS externe, procédez comme suit:

#logo { 
    background-color: #F00; 
}

Source

2010-02-05 05:37:27

+0

J'aurais aimé y penser. – Anonymous

0

En supposant un élément avec un attribut id avec la valeur unique "logo",

#logo { background-image: url("foo"); background-color: #F00; }

Source

2010-02-05 05:37:50 Anonymous

+1

-1: Pourquoi utiliser 'background-image' pour quelque chose qui n'est clairement pas un arrière-plan? –

+0

@Andrew: Merci. J'ai fait l'hypothèse que le PO voulait faire quelque chose d'utile. Vous avez également raison de dire qu'il n'y aurait aucun moyen d'utiliser une image de fond ici. Nous ne sommes pas autorisés à insérer des images d'arrière-plan derrière d'autres images, et même si cela fonctionnait, cela ne servirait à rien. Il est clair que le PO est compétent en CSS, donc cette information ne ferait que compliquer le problème, plutôt que de fournir une autre implémentation sans brouiller la solution principale. Je n'ai jamais utilisé cette combinaison de propriétés, et je ne l'ai évidemment jamais testé. La question était spécifique. – Anonymous

0

Voici une autre ressource pour quand vous appliquez les propriétés d'arrière-plan à l'aide de css: http://www.w3schools.com/css/css_background.asp

ma pensée cependant est que si vous voulez que l'image ait une couleur d'arrière-plan, ceci pourrait renverser le but d'employer un .png ainsi il pourrait être meilleur de convertir le .png en .jpg avec la couleur d'arrière-plan ajoutée dans l'image lui-même. Ensuite, vous n'avez pas à vous soucier de la compatibilité du navigateur avec la transparence --- de grossière, cela dépend de ce que votre objectif est.

Source

2010-02-05 05:44:04 VUELA

Questions connexes

 Questions connexes