Игнорировать ужасный код и формировать, это то, с чем мне нужно работать.Почему мой показ не показан?
<div class="stories-pictures"><div class="inside">
<?php for ($j=0; $j<2; $j++) foreach ($stories as $post) { /* can be empty field as well*/
setup_postdata($post);
if ($post->ID==$mainID && $j==0) {
$link = get_permalink($productID);
$title = "Back to <br/>".get_the_title($productID);
$img = "<img class='backbg' width='316' height='234' src=".get_template_directory_uri()."/images/bg.png";
} else if ($post->ID!=$mainID && $j==1) {
$link = get_the_permalink()."?e=$productID";
$title = get_the_title();
$img = get_the_post_thumbnail(null,'story-thumb');
} else continue;
?>
<a href="<?php echo $link; ?>" class="storiespicture">
<span>
<span><em> <span class="title"><?php echo $title; ?></span></em></span>
</span>
<?php echo $img; ?>
<div class="storieoverlay">
</div> <!-- .storieoverlay -->
</a> <?php } ?>
</div></div>
Вот что выводимый:
<a href="http://hidden/" class="storiespicture">
<span>
<span> <em> <span class="title" style="background-color: rgba(144, 137, 213, 0.901961);">hidden</span></em> </span>
</span>
<img width="316" height="234" src="http://hidden/hidden.jpg" class="attachment-story-thumb wp-post-image" alt="hidden"> </a>
Я пытаюсь получить .storieoverlay
класс находиться под img
.
Я удалил некоторый, возможно, чувствительный контент, следовательно, там, где скрыто.
Ваш .storieoverlay div кажется пустым, может быть, поэтому его не показывают? О размещении его под img, divs по умолчанию являются элементами уровня блока, поэтому они не будут отображаться в строке изображения –
im, предполагающее, что наложение - это предотвращение какой-либо активности щелчка правой кнопкой мыши. Вы все равно увидите html-рендеринг. – DevDonkey
Когда я говорю под img, я не имею в виду под DOM, он должен быть на том же уровне, что и img, под ним. –