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.
- Pin Up Casino Oyna Türkiye, Pinup’un Resmi Web Sites - April 3, 2024
- All The Classic Pinup Positions For Vintage Elegance Photoshoot - April 3, 2024
- وان إكس بت ويكيبيدي - April 3, 2024
- ️ أفضل مواقع المراهنات الرياضية احصل على أفضل مكافآت الترحي - April 3, 2024
- ️ أفضل مواقع المراهنات الرياضية احصل على أفضل مكافآت الترحي - April 3, 2024
- 1win Bahis Şirketinin Resmi Web Sitesi 1win 2023 Online Spor Bahisleri, 1win Bahis Şirketine Giriş Yapın - April 3, 2024
- “المراهنات الرياضية أونلاين 1xbet ᐉ شركة المراهنات 1xbet تسجيل الدخول ᐉ 1xbet Co - April 2, 2024
- Pin Upward Casino Giriş, Üyelik, İndirme, Promosyonla - March 31, 2024
- Pin Up On Line Casino Türkiye Giriş Yapın Ve 0 Bonus Kazanı - March 31, 2024
- تنزيل 1xbet => جميع إصدارات 1xbet Sixth Is V 1116560 تطبيقات المراهنات + مكافأة مجاني - March 31, 2024
Leave a Reply