Je n'utilise pas CSS3. Je ne peux donc pas utiliser opacity
ni filter
attributs. Sans utiliser ces attributs, comment puis-je rendre background-color
transparent un div
? Cela devrait être une sorte d'exemple de zone de texte dans ce lien . Ici, la couleur d'arrière-plan de la zone de texte est transparente. Je veux faire la même chose, mais sans utiliser les attributs mentionnés ci-dessus.
css
html
background-color
transparent
Mistu4u
la source
la source
opacity
nefilter
sont CSS 3 attributs. Pourquoi pensez-vous que vous ne pouvez pas les utiliser?opacity
,filter
et quelques autres attributs comme indiqué ici: css-tricks.com/css-transparency-settings-for-all-broswers couvrira à peu près tous les navigateurs disponiblesRéponses:
L'opacité vous donne de la translucidité ou de la transparence. Voir un exemple de violon ici .
Remarque: ce ne sont PAS des propriétés CSS3
Voir http://css-tricks.com/snippets/css/cross-browser-opacity/
la source
opacity
en premier lieu.Le problème
opacity
est que cela affectera également le contenu, alors que souvent vous ne voulez pas que cela se produise.Si vous voulez juste que votre élément soit transparent, c'est vraiment aussi simple que:
Mais si vous voulez qu'il soit en couleurs, vous pouvez utiliser:
Ou définissez une image de fond (
1px
par1px
) enregistrée avec la droitealpha
.(Pour ce faire, l' utilisation
Gimp
,Paint.Net
ou tout autre logiciel d'image qui vous permet de le faire. Ilsuffit de créer une nouvelle image, supprimer l'arrière - plan et de mettre une couleur semi-transparente, puis conservez - le dans .png.)
Comme l'a dit René , la meilleure chose à faire serait de mélanger les deux, avec la
rgba
première et la1px
par1px
image comme solution de secours si le navigateur ne prend pas en charge alpha:Voir également : http://www.w3schools.com/cssref/css_colors_legal.asp .
Démo : My JSFiddle
la source
transparent est la valeur par défaut pour background-color
http://www.w3schools.com/cssref/pr_background-color.asp
la source
Depuis https://developer.mozilla.org/en-US/docs/Web/CSS/background-color
Pour définir la couleur d'arrière-plan:
la source
Il est peut-être un peu tard pour la discussion mais inévitablement quelqu'un tombera sur ce post comme je l'ai fait. J'ai trouvé la réponse que je cherchais et j'ai pensé publier ma propre opinion. Le JSfiddle suivant explique comment superposer des fichiers .PNG avec transparence. La mention par Jerska de l'attribut de transparence pour le CSS de la div était la solution: http://jsfiddle.net/jyef3fqr/
HTML:
CSS:
JS:
Et mon inspiration originale: http://jsfiddle.net/5g1zwLe3/ J'ai aussi utilisé paint.net pour créer les PNG transparents, ou plutôt les PNG avec des BG transparents.
la source
la source