Questions marquées «opacity»

L'opacité est le degré auquel un objet graphique obscurcit les objets qui sont rendus derrière lui.

30
Comment donner au texte ou à une image un fond transparent en utilisant CSS?
Est-il possible, en utilisant uniquement CSS, de rendre backgroundsemi-transparent un élément mais d'avoir le contenu (texte & images) de l'élément opaque? Je voudrais accomplir cela sans avoir le texte et l'arrière-plan comme deux éléments distincts. En essayant: p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { …
2283 html  css  opacity 
10
Comment faire du texte clignotant / clignotant avec CSS 3
Actuellement, j'ai ce code: @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } Il clignote, mais il ne clignote que dans "une seule direction". Je veux dire, il disparaît seulement, puis …
14
Définir l'opacité de l'image d'arrière-plan sans affecter les éléments enfants
Est-il possible de définir l'opacité d'une image d'arrière-plan sans affecter l'opacité des éléments enfants? Exemple Tous les liens dans le pied de page nécessitent une puce personnalisée (image d'arrière-plan) et l'opacité de la puce personnalisée doit être de 50%. HTML <div id="footer"> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a …
214 css  opacity 
12
Comment définir l'opacité (Alpha) pour la vue dans Android
J'ai un bouton comme ci-dessous: <Button android:text="Submit" android:id="@+id/Button01" android:layout_width="fill_parent" android:layout_height="wrap_content"> </Button> Dans mon onCreate()événement, j'appelle Button01 comme ceci: setContentView(R.layout.main); View Button01 = this.findViewById(R.id.Button01); Button01.setOnClickListener(this); Il y a un fond dans l'application, et je veux définir une opacité sur ce bouton d'envoi. Comment définir une opacité pour cette vue? Est-ce quelque …
211 android  button  view  opacity 
2
Modifier l'opacité alpha de la variable LESS
En utilisant LESS, je sais que je peux changer la saturation ou la teinte d'une variable de couleur. Cela ressemble à ceci: background: lighten(@blue, 20%); Je veux cependant changer l'opacité alpha de ma couleur. De préférence comme ceci: background: alpha(@blue, 20%); Existe-t-il un moyen simple de le faire en MOINS?
171 css  variables  less  opacity  alpha 
10
Opacity CSS ne fonctionne pas dans IE8
J'utilise CSS pour indiquer le texte de déclenchement d'une section coulissante jQuery: c'est-à-dire que lorsque vous survolez le texte de déclenchement, le curseur se transforme en pointeur et l'opacité du texte de déclenchement est réduite pour indiquer que le texte a une action de clic . Cela fonctionne bien dans …
8
Comment changer la transparence du texte en HTML / CSS?
Je suis très novice en HTML / CSS et j'essaie d'afficher du texte comme 50% transparent. Jusqu'à présent, j'ai le HTML pour afficher le texte avec une opacité totale <html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html> Cependant, je ne sais pas comment modifier son opacité. J'ai essayé de chercher en …
112 html  css  opacity 
8
Comment assombrir un arrière-plan en utilisant CSS?
J'ai un élément avec du texte. Chaque fois que je diminue l'opacité, je diminue l'opacité de tout le corps. Y a-t-il un moyen de rendre le background-imageplus sombre et pas tout le reste? background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');
100 html  css  opacity 
14
l'image se déplace en survol - problème d'opacité du chrome
Il semble y avoir un problème avec ma page ici: http://www.lonewulf.eu Lorsque vous survolez les vignettes, l'image se déplace un peu sur la droite, et cela ne se produit que sur Chrome. Mon css: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.