Discussion :

[ickyknox]

bonjour à tous

je suis en train de faire un site, et j'ai un soucis au niveau de la police sur firefox :

http://essentiel-internet.danna-icreations.com/

le titre est flouté en gris, alors que sur chrome ca fonctionne très bien.
Comment empecher celà s'il vous plais ?

je vous remercie

Code hml :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="header-title"><a><?php $plxShow->mainTitle('link'); ?></a></div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.header-title {
	margin-top:20px;
 
 
 
}
 
.header-title a{
	font-size: 2.4em;
		font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:300;
 
  text-stroke: 0;
  color: transparent;
  background-color: rgba(82,96,117,0.5);
  -webkit-background-clip: text;
  text-shadow: rgba(255,255,255,0.5) 0 5px 6px, rgba(255,255,255,0.2) 1px 3px 3px;
  transition: text-shadow .1s ease-out, background-color .2s ease-out;  
}

[rodolphebrd]

Bonjour,

le background appliqué sur une balise A est effectué avec la propriété background-clip: text; et ne fonctionne que sur Chrome et Safari (moteur de rendu webkit).

Vous pouvez donc styliser votre balise traditionnellement avec la propriété color.