Articles of background image

Cambiar la imagen de fondo del cuerpo con efecto de fundido en jquery

Hola, quiero desvanecerme en una nueva imagen de fondo digamos cada 60 segundos. He configurado la imagen de fondo de esta manera: body {background-image: url(background.jpg);} Ahora quiero cambiarlo, así que después de 60 segundos cambia a background2.jpg, luego después de 60 segundos a background3.jpg y así sucesivamente .. He encontrado muchas cosas sin cambiarlas en […]

(Realmente) Imagen de fondo larga no se procesa en iPad Safari

Por alguna razón desconocida, iPad Safari no muestra una imagen de fondo realmente larga. En mi ejemplo , la imagen de fondo es de 1,000 x 10,000 píxeles. El mismo ejemplo funciona en cualquier navegador de escritorio, por ejemplo, Safari, Firefox, etc. Conozco el background-repeat en CSS pero desafortunadamente no es aplicable en mi caso […]

Symfony2 – Assetic – carga imágenes en CSS

Tengo un CoreBundle que contiene archivos e imágenes principales de css. Ahora tengo un problema cuando cargo una imagen de css; la imagen no se muestra background-image:url(../images/file.png) (con un camino completo funciona) Instalé los activos usando el comando: assets:install web y puedo ver la imagen y los archivos css en web/bundles/cmtcore/(css|images) . Aquí está la […]

Superponer una imagen de fondo con un fondo de color rgba

Tengo un div con una background-image . Quiero superponer la imagen de fondo con un color rgba(0,0,0,0.1) ) cuando el usuario coloca el div. Me preguntaba si existe una solución de div (es decir, no con múltiples divs, uno para la imagen y otro para el color, etc.). Intenté varias cosas: Y este CSS: .the-div […]

¿Cómo se hace una escala de imagen de fondo para el tamaño de la pantalla en forma rápida?

Estoy tratando de hacer una imagen de UIView para mi fondo en forma rápida usando una imagen de patrón. El código que tengo funciona bien, excepto por el hecho de que quiero que la imagen tome toda la pantalla. Mi código se ve así: self.view.backgroundColor = UIColor(patternImage: UIImage(named: “backgroundImage”)!) ¿Alguien sabe cómo hacer que el […]

Google Chrome: la imagen de fondo visitada no funciona

(antes de comenzar, debería decir que sí, he hecho todos los controles de estupidez, sí, el enlace está en mi historial y ha sido visitado, etc.) Estoy usando Chrome versión 6.0.472.63, aunque es importante que esto funcione en todos los navegadores. Funciona en Firefox, IE y Opera. Básicamente, lo único que trato de hacer es […]

Usar el atributo de datos HTML para configurar la URL de la imagen de fondo de CSS

Planeo construir una galería de fotos personalizada para un amigo y sé exactamente cómo voy a producir el HTML, sin embargo, estoy teniendo un pequeño problema con el CSS. (Preferiría que el diseño de la página no dependa de jQuery si es posible) Mi pregunta se refiere a: Data-Attribute en HTML Background-image en CSS Estoy […]

Fondo de CSS: tapa + fondo-adjunto: imágenes de fondo de recorte fijo

Tengo una lista de figuras que contienen imágenes de fondo. Algo como lo siguiente: Cada una de estas imágenes tiene su background-size configurado para cover y el conjunto de background-attachment fijado a fixed . figure { width: 100%; height: 100%; background-size: cover; background-attachment: fixed; } Cuando cada una de las figuras ocupa toda la ventana […]

Desvanecimiento en una imagen de fondo

Tengo una página web que usa una imagen grande para su fondo. Esperaba usar jQuery para cargar la imagen una vez descargada (básicamente la forma en que bing.com carga su imagen de fondo). ¿Es esto posible con jQuery? Si es así, ¿hay algún complemento que recomiendas?

Extensiones de Google Chrome: no se pueden cargar imágenes locales con CSS

Tengo una extensión simple de Chrome que usa la característica de script de contenido para modificar un sitio web. Más específicamente, la background-image de background-image de dicho sitio web. Por alguna razón, parece que no puedo usar imágenes locales, a pesar de que están empaquetadas en la extensión. body { background: #000 url(‘image.jpg’) !important; background-repeat: […]