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 clara?

1251 css  background-image  gradient 

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 imagen, en lugar de un CSS background-image, y viceversa? Los factores pueden …

777 html  css  image  background-image 

Estaba mirando la fuente de un script de usuario de greasemonkey y noté lo siguiente en su CSS: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} Puedo apreciar que un script de greasemonkey querría agrupar todo lo que pueda dentro de la fuente en lugar de alojarlo en un servidor, eso …

475 css  base64  background-image  data-uri 

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 de cómo diseñar solo …

467 css  background-image  css-filters 

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 …

334 html  css  background-image  image 

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 cortarla?

334 html  css  background-image 

¿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 …

316 css  background-image 

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 …

213 css  background-image  background-color 

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 usar …

195 css  responsive-design  background-image  image-resizing 

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 …

169 css  background  background-image  background-color 

¿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: red;}.

166 html  css  image  svg  background-image 

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); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } Deseo rotar la imagen sin rotar su contenido.

160 css  background-image  image-rotation 

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 class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> </tr> …

141 html  css  html-table  background-image 

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 */ -webkit-transition: background 1s; …

121 css  background  background-image  css-transitions 

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{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } Consulta …

102 css  html  background  background-image