Desarrollo web, SEO, Redes Sociales.

Teléfono y WhatsApp: 644 266 299

Fondos con hoja de estilos CSS, background

Posición flexible del fondo

Extended background-position solution

div {
	background: url(http://csssecrets.io/images/code-pirate.svg)
	            no-repeat bottom right #58a;
	background-position: right 20px bottom 10px;
	
	/* Styling */
	max-width: 10em;
	min-height: 5em;
	padding: 10px;
	color: white;
	font: 100%/1 sans-serif;
}

background-origin solution

div {
padding: 10px;
background: url("code-pirate.svg") no-repeat #58a
bottom right; /* or 100% 100% */
background-origin: content-box;
	/* Styling */
	max-width: 10em;
	min-height: 5em;
	padding: 10px;
	color: white;
	font: 100%/1 sans-serif;
}

Solución calc()

div {
background: url("code-pirate.svg") no-repeat;
background-position: calc(100% - 20px) calc(100% - 10px);
}
Valoración: 
Promedio: 5 (1 voto)

Contenido Relacionado

Desarrollo web

  • Dominio (.com,.net, .es ...).
  • Hospedaje Web (hosting).
  • Webs autogestionables.
  • Webs escalables.
  • Diseños para móviles y tabletas (Responsive).
  • Intranets y Extranets.
  • Tiendas Online.
  • De PSD a Drupal.

Presencia en Internet

  • Comunity Manager.
  • SEO.
  • SEM.
  • Posicionamiento en Google.
  • Redes sociales.
  • Listas de Correos (Newsletters).
  • Web Temáticas.
  • Creacción de folletos, trípticos, dípticos, flyers...