¿Qué pasó con mis sombras de texto en Google Chrome?

así que tengo un poco de estilo sencillo here Anteriormente: Chrome hubieren dictado misma manera que FF - como esto¿Qué pasó con mis sombras de texto en Google Chrome?

soft FF 4 rendering

y todo repentina miro en mi documento en cromo y ver este

enter image description here

no transparente en absoluto sombras = (¿Qué hacer con tham - cómo solucionarlo?

enter image description here

Mi CSS code:

body{padding: 5px;background-color: #FFF;font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif} 
h1,h2,p{margin: 0 10px} 
h1,h2{font-size: 250%;color: #FFF; text-shadow: 0px 1px 1px #000;} 
h2{font-size: 120%;} 
div#nifty{ margin: 0 1%;background: #9BD1FA} 
b.rtop, b.rbottom{display:block;background: #FFF} 
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA} 
b.r1{margin: 0 5px} 
b.r2{margin: 0 3px} 
b.r3{margin: 0 2px} 
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px} 
p{color: #000;text-shadow: 0px 1px 1px #fff;padding-bottom:0.3em} 
input[type="button"], .eButton {width: 150px;padding: 5px 10px;word-wrap: break-word;height: auto;}} 
::-moz-selection { background-color: #fbfdfe; color: #ff6c24; text-shadow: 0px 1px 1px #258ffd;} 
::selection { background-color: #fbfdfe; color: #fff; text-shadow: 0px 1px 1px #258ffd;}

Fuente

2011-10-08 Rella

Se ve bien en Chrome 14.0.835.202 y 16.0.903 en OS X 10.7. –

Windows Chrome 14.0.835.202 m me trae problemas, 16.0.903.0 canary funciona de una manera realmente extraña - primero lo presenta de una manera mala pero en unos pocos segundos lo reintegra a modo de FF sutable. – Rella

Chrome 15.0.874.83 beta-m en XP tiene el mismo problema para mí. Además, deletreaste entrada como 'inpuut'. – Eric

Si usted está buscando sombras semi-transparente, usted podría tratar de usar los valores RGBA en lugar de valores hexadecimales. Por lo tanto, sería:

h1 { text-shadow: 1px 1px 1px rgba(0,0,0,.20); }

donde los tres primeros números son el valor RBG (Rojo, Verde, Azul) y el cuarto número es la opacidad (de 0 a 1). Entonces el ejemplo anterior es negro con una opacidad del 20%.

Además, el extraño peso de la sombra parece provenir del valor de desenfoque en text-shadow. Cuando lo cambio a 1px 1px 0 da una sombra más pareja que 0px 1px 1px. No tengo idea por qué.

Fuente

2011-10-09 12:22:13

¿Qué pasó con mis sombras de texto en Google Chrome?

Respuesta

Cuestiones relacionadas