Preguntas etiquetadas con background-image

¿Cómo uso los gradientes CSS3 para mi background-colory luego aplico a background-imagepara aplicar algún tipo de textura transparente

Las respuestas de esta pregunta son un esfuerzo comunitario . Edite las respuestas existentes para mejorar esta publicación. Actualmente no acepta nuevas respuestas o interacciones. ¿En qué situaciones es más apropiado usar una IMGetiqueta HTML para mostrar una

Estaba mirando la fuente de un script de usuario de greasemonkey y noté lo siguiente en su CSS: .even { background: #fff

Tengo un archivo JPEG que estoy usando como imagen de fondo para una página de búsqueda, y estoy usando CSS para configurarlo porque estoy trabajando en contextos Backbone.js : background-image: url("whatever.jpg"); Quiero aplicar un filtro de desenfoque CSS 3 solo al fondo, pero no estoy seguro...

Quiero mostrar una imagen de una URL con un cierto ancho y alto, incluso si tiene una relación de tamaño diferente. Así que quiero cambiar el tamaño (manteniendo la relación) y luego cortar la imagen al tamaño que quiero. Puedo cambiar el tamaño con la imgpropiedad html y puedo cortar con...

Tengo una imagen de fondo en el siguiente div, pero la imagen se corta: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> ¿Hay alguna manera de mostrar la imagen de fondo sin...

¿Es posible tener dos imágenes de fondo? Por ejemplo, me gustaría que una imagen se repita en la parte superior (repetición-x) y otra en toda la página (repetición), donde la que está en toda la página está detrás de la que se repite en la parte superior. Descubrí que puedo lograr el efecto...

Tengo un DIV y me gustaría poner un patrón como fondo. Este patrón es gris. Entonces, para hacerlo un poco más agradable, me gustaría poner una "capa" de color transparente claro. A continuación se muestra lo que intenté pero que no funcionó. ¿Hay alguna manera de poner la capa de color sobre la...

Tengo un sitio web (g-floors.eu) y quiero que el fondo (en css he definido una imagen bg para el contenido) también responda. Desafortunadamente, realmente no tengo idea de cómo hacer esto, excepto por una cosa que se me ocurre, pero es una solución alternativa. Crear múltiples imágenes y luego...

Tengo un panel que coloreé de azul si este panel se está seleccionando (haciendo clic en él). Además, agrego un pequeño signo ( .pngimagen) a ese panel, lo que indica que el panel seleccionado ya ha sido seleccionado anteriormente. Entonces, si el usuario ve, por ejemplo, 10 paneles y 4 de ellos...

¿Es posible establecer un background-imagepara un <path>elemento SVG ? Por ejemplo, si configuro el elemento class="wall", el estilo CSS .wall {fill: red;}funciona, pero .wall{background-image: url(wall.jpg)}tampoco lo hace .wall {background-color:

Quiero rotar la imagen que se coloca en el botón de la barra de desplazamiento en Chrome. Ahora tengo un CSS con este contenido: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg);...

Mi objetivo es hacer una página HTML que sea similar a un "marco de fotos". En otras palabras, quiero hacer una página en blanco rodeada de 4 imágenes. Este es mi código: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td...

Estoy tratando de hacer un efecto de "fundido de entrada y salida" utilizando la transición CSS. Pero no puedo hacer que esto funcione con la imagen de fondo ... El CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */...

Esta pregunta se hizo antes pero la solución no es aplicable en mi caso. Quiero asegurarme de que se impriman ciertas imágenes de fondo porque son parte integral de la página. (No son imágenes directamente en la página porque hay varias que se utilizan como sprites CSS). Otra solución para la...

Quiero establecer una imagen de fondo para diferentes divs, pero mis problemas son: El tamaño de la imagen es fijo (60px). Variando el tamaño de div ¿Cómo puedo estirar la imagen de fondo para llenar todo el fondo del div? #div2{

Tengo una extensión de Chrome simple que usa la función de secuencia de comandos de contenido para modificar un sitio web. Más concretamente, el background-imagede 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...

Estoy tratando de hacer un botón con un selector, mi botón puede tener los siguientes estados: Habilitado Deshabilitado Presionado / No presionado Según los estados mencionados anteriormente. Necesito manipular el botón: Color de texto imagen de fondo El botón comienza a estar...

imgcon srcsetatributo parece una excelente manera de hacer imágenes receptivas. ¿Existe una sintaxis equivalente que funcione en la background-imagepropiedad css ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background:...

Actualmente estoy trabajando en una página de destino móvil para una empresa. Es un diseño realmente básico, pero debajo del encabezado hay una imagen de un producto que siempre tendrá un ancho del 100% (el diseño muestra que siempre va de un borde a otro). Dependiendo del ancho de la pantalla,...