en mi sitio web que está trabajando en la imagen de fondo de diapositivas. pero necesito conseguir el mismo para el cuerpo también. ¿puede alguien ayudarme?

.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
  • Me da miedo decir que no tengo idea de lo que estás buscando. ¿Puede aclarar lo que usted necesita?
InformationsquelleAutor Anju | 2013-03-27

4 Comentarios

  1. 0

    Si quieres cambiar el tamaño de la página, cuando la ventana del navegador cambia de tamaño, puede utilizar consultas de medios de comunicación (sólo los navegadores modernos soportan este) – o Usted puede elegir el uso de javascript (tercera opción es la de ambos). Sin embargo su pregunta indica que desea evitar javascript. He hecho un ejemplo de abajo con preguntas de los medios. El css se aplica cuando el tamaño de la pantalla es entre 800px y 1000px. Usted puede combinar las declaraciones, como el uso de min o max si usted sólo quiere que.

    @media all and (max-width: 1000px) and (min-width: 800px) {
      .cb-slideshow li span {
        /* css here*/
      }
    }

    Usted puede cambiar cualquier elemento con preguntas de los medios. Es comúnmente usado para crear diseños responsive.

    • Hola Xeano? traté con él. pero no funcionó. me gustaría saber cómo puedo escribir esto en JavaScript? gracias
    • Usted debe ser capaz de utilizar consultas de medios de comunicación. Qué navegador estás usando? He aquí una pequeña guía si no funciona para usted. Me ayudó el último tiempo. stackoverflow.com/questions/7859336/…
    • Todavía no está trabajando.Estoy usando Firefox. yo no quiero cambiar el dispositivo de ancho como los cambios en los navegadores. cuando me minimizar la página web necesito cuerpo también debe minimizar(todos los contenidos en el cuerpo) . creo que debería usar java script para ello. ¿tiene usted alguna idea acerca de ello.
  2. 0

    Si usted está buscando la manera de tu cuerpo de la ventana de ancho, incluso si no tiene suficiente contenido, intente

    html, body{
        width: 100%;
        height: 100%
    }
  3. 0

    Puede usar algo que se llama Responsive Design. Utiliza Consultas de Medios para ajustar de acuerdo a la resolución de pantalla. Sólo la búsqueda de Responsive Design en cualquier motor de búsqueda populares y tendrás mucho que aprender de los enlaces.

    Por ahora usted puede agregar este estilo a tu cuerpo

    body {
      width:  100%;
      height: 100%;
    }

    Esto hará que el cuerpo sensible.

  4. 0

    Ejemplo rápido, acaba de añadir a su página y cuando la página está por debajo de 960px de todo el cuerpo debe desaparecer

    @media screen and(max-width:960px){
       body{
          display:none;
       }
    }

    ahora usted puede agregar como muchos de los cambios necesarios para adaptarse a todos los tamaños

Dejar respuesta

Please enter your comment!
Please enter your name here