Question

忽略可怕的代码和格式化，这是我必须使用的。

<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之下。

我删除了一些可能敏感的内容，因此显示了隐藏的内容。

Answer 1

这是因为您没有关闭图片代码：

 $img = "<img class='backbg' width='316' height='234' src=".get_template_directory_uri()."/images/bg.png";

应该是

 $img = "<img class='backbg' width='316' height='234' src='".get_template_directory_uri()."/images/bg.png'>";

Answer 2

我现在已经解决了这个问题。

这是一个在这个特定页面上输出标记的插件，虽然这里所说的一切都很有用，所以谢谢。

为什么我的div不显示？

2 个答案: