
Antes de CSS3 teníamos que recurrir a plugins como backstretch para poner una imagen de fondo en una página web, ahora podemos ocupar la propiedad background-cover, si queremos ponerla en toda la página podemos utilizar el siguiente código:
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Ahora claro que no estamos obligados a poner la imagen en todo el sitio, podemos aplicarla a un div o una sección, cambiando la parte de html por el id o clase de la etiqueta(s) respectiva(s).
La gran ventaja de esta solución es que la imagen se adapta al ancho de la pantalla y por lo tanto no afectará a la responsividad de nuestro sitio.
Oh snap!
CSS3 e internet explorer no son muy amigos, siempre realiza pruebas en los navegadores de tus clientes objetivos.
- A Comprehensive Guide to Live Betting and Streaming with Most bet - July 18, 2025
- Alev Casino ile farklı temalı oyunlar seni bekliyor - July 17, 2025
- Mostbet tarafindan sunulan kredi/banka kartlari - July 17, 2025
- Yükleme rehberi – Kraken Casino konusunda sık sorulanlar 🛡️ - July 16, 2025
- MostBet Secimleri ile Ugurlu Bahis Stratejileri - July 16, 2025
- Alev Casino ile kazancına ⭐ kazanç kat - July 16, 2025
- Betting Platform by Most Bet: Your Guide to Winning Big - July 16, 2025
- Live tikishlar orqali ko’proq yutuqlar: Mostbet sizga yordam beradi - July 16, 2025
- Alev Turkiye – Canlı Bahis ve Slot Oyunlarında Yuksek Kazanc - July 15, 2025
- Lüks Casino canlı casino keyfini cebine getiriyor 💥 - July 15, 2025
Leave a Reply