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 ...
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
Déjame decir algunas palabras