CSS 'de retorno de Imágenes'

Question

Así que si usted tiene un código como éste:

background: url('image.png'); 
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); 

Su navegador usará el gradiente de si se trata de WebKit, pero si no lo es, entonces usará y el uso de la imagen. Si está utilizando webkit, la imagen simplemente no se descargará. Así que si tenía:

background: url('image1.png'); 
background: url('image2.png'); 

¿Sería 'imagen1' pueden descargar en absoluto o lo hacen las mismas reglas que la imagen 'repliegue' se aplican?

Answer 1

Chrome (probado en v9.x) solo descargará la segunda imagen. Consulte las herramientas para desarrolladores en este sample page

Answer 2

Se aplican las mismas reglas: lo que está sucediendo (crudamente) es que webkit lee la segunda regla, reconoce que reemplaza la primera y lo hace, y luego mucho más tarde realmente hace algo con ellas cuando están utilizado, pero es solo un valor hasta entonces. Para los navegadores que no son webkit, la segunda regla parece basura, por lo que se saltan, lo que deja la primera regla todavía allí, por lo que funciona de manera efectiva como una reserva (aunque el avance sería más correcto).

Esto no es lo mismo para todos los navegadores, aunque todos se aplicarán solo una regla IIRC IE6 < utilizó la primera regla y hubo algunos errores de la vieja escuela en torno a esa "característica".