La imagen de fondo desaparece al cambiar el tamaño

Shaun Taylor

Esto puede ser simple, pero no puedo entrenar. ¿Alguien puede decirme por qué mi imagen de fondo desaparece por debajo de los 860 píxeles de ancho aquí?

http://staging.seedcreativeacademy.co.uk/qualifications/

He comprobado todas las consultas de medios receptivos que estoy usando, pero puedo detectar una que eliminaría la imagen de fondo.

Aquí está el código utilizado para pasar esas cajas:

<!-- Main Content =========================================== -->

<div class="wrap">
      <?php
        $args = array( 
          'post_type' => 'qualifications',
          'orderby' => 'title',
          'order' => 'ASC'
        );
        $the_query = new WP_Query( $args );

      ?>

      <?php if ( have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

        <a class="one-half qualifications-block" href="<?php the_permalink(); ?>" style="background-image:url(<?php the_field('qualification_thumb'); ?>); background-size: 150%">

              <h2><?php the_title();?></h2>

        </a>

      <?php $products_count = $the_query->current_post + 1; ?>
      <?php if ( $products_count % 2 == 0): ?>

        <!-- Enter something here to appear after 2 items - New row div would be: </div><div class="row"> -->

      <?php endif; ?>


      <?php endwhile; wp_reset_postdata(); endif; ?>
</div>

No puedo, durante toda la vida, averiguar por qué la imagen de fondo desaparecería cuando desciende por debajo de 860px y los cuadros cambian al 100% de ancho ...

pequeñas botas

Las imágenes configuradas con imagen de fondo en una etiqueta desaparecerán si no están configuradas para mostrar: bloque. Entonces, tal vez en algún lugar de sus consultas de medios, esta etiqueta no esté configurada correctamente

Aparece

<a class="one-half qualifications-block" style="background-image: 
url('https://www.w3schools.com/css/trolltunga.jpg'); display: block"
</a>

Desaparece

<a class="one-half qualifications-block" style="background-image: 
url('https://www.w3schools.com/css/trolltunga.jpg');"
</a>

Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.

En caso de infracción, por favor [email protected] Eliminar

Editado en
0

Déjame decir algunas palabras

0Comentarios
Iniciar sesiónRevisión de participación posterior

Artículos relacionados

Cambiar el tamaño de la imagen de fondo de div con jQuery

La barra de direcciones de Google Chrome desaparece al cambiar el tamaño

Cambiar el tamaño de la imagen - mantener la proporción - sin imagen de fondo

¿Cómo cambiar el tamaño de la imagen de fondo en Safari?

Bootstrap 4 navbar desaparece al cambiar el tamaño de la pantalla

El texto desaparece al cambiar el tamaño de la ventana

Cambiar el tamaño de la imagen de fondo, pero no el color de fondo

Cambiar el tamaño de la imagen de fondo, pero no el color de fondo

gatsby-background-image recorta el lado izquierdo de la imagen de fondo al cambiar el tamaño del navegador

Cambiar el fondo de la imagen al hacer clic

Lienzo de jQuery receptivo, el fondo del lienzo desaparece al cambiar el tamaño de la ventana

OutOfMemory al cambiar el tamaño de la imagen

La imagen desaparece al cambiar el tamaño del lienzo

Cambiar la imagen de fondo CSS al pasar el mouse

La serie de errores desaparece al cambiar el tamaño de la ventana

El borde con margen negativo desaparece al cambiar el tamaño de la ventana

Convierta la imagen de fondo con porcentaje de altura en píxeles de altura al cambiar el tamaño de la ventana

La enorme imagen de fondo en Firefox desaparece al menos después de cambiar el tamaño

La mejor manera de cambiar el tamaño de la imagen para adaptarse a div (como fondo)

Cambiar el tamaño de la imagen de Qlabel al cambiar el tamaño de la ventana usando resizeEvent

Imagen de fondo que se repite al cambiar el tamaño del ancho de las ventanas

¿Por qué desaparece el campo de entrada al cambiar el tamaño de la ventana?

no puedo centrar mi imagen de fondo al cambiar el tamaño de la pantalla al tamaño de la pantalla del teléfono inteligente

La barra de navegación de Bootstrap 4 desaparece al cambiar el tamaño

Cambiar el tamaño del componente de sprite de la imagen de fondo usando CSS

Cómo evitar que la imagen de fondo pierda calidad / se vuelva borrosa al cambiar el tamaño de la pantalla

CSS FlexBox: la imagen no cambia de tamaño al cambiar el tamaño de la ventana

Cómo evitar que la imagen de fondo pierda calidad / se vuelva borrosa al cambiar el tamaño de la pantalla

¿Cómo puedo mantener la imagen de fondo estirada al panel de cuadrícula al cambiar el tamaño?